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 |