<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">size의 경우에 단축속성을 적용하려면, position 속성 바로 뒤에 / 표기로 표시해야합니다.</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">
<div style="color: #eeffff; background-color: #212121; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #f07178;">div</span>&nbsp;<span style="color: #89ddff;">{</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #b2ccd6;">box-sizing</span><span style="color: #89ddff;">:</span>&nbsp;<span style="color: #f78c6c;">border-box</span><span style="color: #89ddff;">;</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #b2ccd6;">width</span><span style="color: #89ddff;">:</span>&nbsp;<span style="color: #f78c6c;">500px</span><span style="color: #89ddff;">;</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #b2ccd6;">height</span><span style="color: #89ddff;">:</span>&nbsp;<span style="color: #f78c6c;">500px</span><span style="color: #89ddff;">;</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #b2ccd6;">border</span><span style="color: #89ddff;">:</span>&nbsp;<span style="color: #f78c6c;">1px</span>&nbsp;<span style="color: #f78c6c;">solid</span>&nbsp;<span style="color: #f78c6c;">red</span><span style="color: #89ddff;">;</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #4a4a4a; font-style: italic;">/*&nbsp;background-color:&nbsp;rgb(13%,&nbsp;20%,&nbsp;40%);&nbsp;*/</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #4a4a4a; font-style: italic;">/*&nbsp;background-image:&nbsp;url(./parpotalk.png);</span></div>
<div><span style="color: #4a4a4a; font-style: italic;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-repeat:&nbsp;no-repeat;</span></div>
<div><span style="color: #4a4a4a; font-style: italic;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-position:&nbsp;left&nbsp;top;&nbsp;*/</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #b2ccd6;">background</span><span style="color: #89ddff;">:</span>&nbsp;<span style="color: #82aaff;">url</span><span style="color: #89ddff;">(</span><span style="color: #ff5370;">./parpotalk.png</span><span style="color: #89ddff;">)</span>&nbsp;<span style="color: #f78c6c;">no-repeat</span>&nbsp;<span style="color: #f78c6c;">center</span>/<span style="color: #f78c6c;">cover</span><span style="color: #89ddff;">;</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #4a4a4a; font-style: italic;">/*&nbsp;background-size:&nbsp;contain;&nbsp;*/</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #89ddff;">}</span></div>
</div>
</div>

Cộng đồng Hỏi & Đáp của Inflearn

size 단축속성 적용하기