본문 바로가기

HTML + CSS

[HTML + CSS] box-sizing

box-sizing 


1. 기본값(content-box) : width와 height 값은 content-box의 크기를 나타낸다. 그러므로, padding 과 border 값을 넣어주면 그만큼 커진다.  


box-sizing: content-box;


2. border-box : width값과 height값은 padding과 border 값을 포함한다. 

box- sizing: border-box; 


3.     * {

   box-sizing: border-box; 

}

'HTML + CSS' 카테고리의 다른 글

[HTML + CSS] CSS 선택자(selector)  (0) 2019.03.29
background-image  (0) 2019.03.29
[HTML + CSS] box-shaow(그림자 효과)  (0) 2019.03.20
[HTML + CSS] border 테두리  (0) 2019.03.19
[HTML + CSS] Overflow  (0) 2019.03.19