<p>10.상세 디자인을 위한 CSS 박스모델 강의 부분....</p>
<p></p>
<p>&gt;보더 값이 1px에서 10px로 변경했을때</p>
<p>보더의 두께가 padding 영역으로 향하는지</p>
<p>아니면 마진 영역으로 향하는지&nbsp;</p>
<p>아니면 양쪽방향으로 5px씩 늘어나는지요?</p>
<p></p>
<p></p>

<p>보더와 패딩이 늘어나면 상하좌우 바깥쪽으로 향합니다.</p>
<p>아래 코드라면 div의 실제 크기는 너비와 높이는 150픽셀(100+20+20+5+5) 입니다.</p>
<div style="background-color: #ffffff; font-family: Consolas, 'Courier New', monospace; font-size: 16px; line-height: 22px; white-space: pre;">
<div><span style="color: #800000;">div</span>&nbsp;{</div>
<div>&nbsp;&nbsp;<span style="color: #ff0000;">width</span>:&nbsp;<span style="color: #098658;">100px</span>;</div>
<div>&nbsp;&nbsp;<span style="color: #ff0000;">height</span>:&nbsp;<span style="color: #098658;">100px</span>;</div>
<div>&nbsp;&nbsp;<span style="color: #ff0000;">padding</span>:&nbsp;<span style="color: #098658;">20px</span>;</div>
<div>&nbsp;&nbsp;<span style="color: #ff0000;">border</span>:&nbsp;<span style="color: #098658;">5px</span>&nbsp;<span style="color: #0451a5;">solid</span>&nbsp;<span style="color: #0451a5;">#000</span>;</div>
<div>}</div>
</div>

인프런 커뮤니티 질문&답변

border 값이 늘어날때 어느쪽으로 향하는가요?