6.3.4 content 영역

2.1.3 문법에서 배운 HTML의 기본 문법이 기억나죠? 이때 시작 태그와 종료 태그 사이에 작성하는 것이 콘텐츠였습니다. 박스 모델에서도 content 영역은 시작 태그와 종료 태그 사이에 사용된 콘텐츠가 속하는 영역입니다. 그래서 다른 박스 모델의 구성 요소와는 다르게 content 영역은 content 영역 자체를 다루는 속성은 없습니다. 다만, 6.2 텍스트 속성으로 텍스트 꾸미기에 나온 텍스트 관련 스타일 속성이면 모두 content 영역을 제어하는 속성이라고 할 수 있습니다. 여기에 추가로 content 영역을 제어하는 속성처럼 content 영역에 영향을 주는 width 속성과 height 속성이 있습니다.

● width와 height 속성

width 속성은 content 영역의 너비를, height 속성은 content 영역의 높이를 지정하는 데 사용합니다. 속성값으로는 단위를 포함한 크기를 넣습니다.

width:<크기>;
height:<크기>;