등록 정보 : 컨텐츠 (내용), 패딩 (패딩), 경계 (국경), 여백 (여백), CSS 박스 모델은 이러한 특성을 가지고있다.
CSS 박스 모델은 자주 사용되는 웹 디자인 CSS 기술에 사용되는 정신 모델의 일종이다.
카테고리 상자 : 다른 요소에 의해 생성 된 박스 타입은 하나 개의 요소 다를 수 있습니다, 상자의 종류는 CSS 표시 속성에 따라 발생
디스플레이 : 없음 : 상자를 생성하지 않습니다
디스플레이 : 인라인 : 줄 상자
디스플레이 : 블록 : 블록 상자
상자 구성
여백 (여백) - 프레임의 외부 영역을 취소, 그것은 외부에서 투명합니다.
테두리 (테두리) - 내부 및 외부 여백 내용 국경 주변.
패딩 (패딩) - 컨텐츠 주변을 취소은 패딩은 투명합니다.
내용 (컨텐츠) - 텍스트와 이미지를 표시하는 상자의 내용.
예 :
DIV { 폭 : 300 픽셀 ; 국경 : 25 픽셀 고체 녹색 ; 패딩 : 25 픽셀 ; 여백 : 25 픽셀 ; }