박스 모델에 width와 height를 지정하면, 콘텐츠 영역의 크기가 결정된다.
box-sizing 속성을 사용하면 width와 height가 포함할 영역을 변경할 수 있다.
box-sizing
box-sizing 속성은 요소의 너비(width)와 높이(height)를 계산하는 방법을 지정한다.
속성값
content-box : 기본값. 너비와 높이가 콘텐츠 영역만을 포함.
border-box : 너비와 높이가 안쪽 여백과 테두리까지 포함.
background
background(배경)은 콘텐츠의 배경을 정의한다.
단축 속성으로 색상, 이미지, 반복 등 다양한 하위 속성을 정의할 수 있다.
하위 속성
background-color / background-image / background-position / background-size / background-repeat ...
개발콩나물