목록border-box (1)

꾸매코딩

[Nomad coder/코코아톡 클론코딩 7일차] box-sizing 종류와 특징(#6.10 ~ #6.20)

1. Box Sizing 박스의 크기를 정하는 기준을 변경할 때 사용한다. → content-box : content 영역을 기준으로 크기를 정한다.(default) → content는 사진에서 하늘색 부분(가운데)에 속한다. → border-box : border 영역을 기준으로 크기를 정한다. → border는 사진에서 노란색 부분(border)에 속한다. 1. content-box 초기 기본값(default)이다. width와 height 속성이 content 영역만 포함한다. → width 속성값을 사용하면 content width만 변경된다. → heigth 속성값을 사용하면 content height만 변경된다. ex) .box { width: 200px; border: 10px....} wi..
Clone Coding/Kakaotalk [HTML + CSS] 2021. 5. 12. 13:16
이전 Prev 1 Next 다음