css3 box-sizing property.

css3 box-sizing property.

참조 : http://ko.learnlayout.com/box-sizing.html

CSS 의 Box model 에서 말하는 width 값은 content box에 해당한다.

해당 view ( box ) 가 차지하는 총 width 의 값은 padding, border 값을 포함하게 되어 직관적이지 않게 되어,

기존에는 원하는 width 를 맞추기 위해 padding 을 줄이거나 border 값을 줄이는 방법 등으로 width 를 조절해 나갔다.

CSS3 의 box-sizing: border-box 로 지정해주면,

안드로이드의 view 체계와 비슷하게 margin 값을 뺀 border-box 를 해당 view 의 width 로 잡게 되어 훨씬 직관적이고 좋다.

border, border-box, Box, box model, box-sizing, box-sizing: border-box, content, css, CSS3, css3 box-sizing property., margin, padding, View, width, 직관성