CSS 박스 모델

CSS Box Model은 요소를 위해 생성되고 비주얼 서식 모델을 따라 배치되는 사각형 박스(패딩 및 마진 포함)를 정의하는 CSS 모듈입니다.

참고

속성

박스 내 콘텐츠 흐름을 제어하는 속성

박스 크기를 제어하는 속성

박스 마진을 제어하는 속성

박스 패딩을 제어하는 속성

기타 속성

안내서 및 도구

CSS 박스 모델 입문
CSS의 기초 개념 중 하나인 박스 모델을 설명: 박스의 다른 영역 뿐만 아니라 마진, 패딩의 의미를 기술.
마진 상쇄 숙달
여러 경우에, 두 인접 마진은 하나로 상쇄됩니다. 이 글은 상쇄가 언제 일어나고 이를 어떻게 제어하는 지를 설명합니다.
박스 그림자 생성기
눈에 보이는 그림자를 만들고 box-shadow 속성에 필요한 구문을 생성할 수 있는 대화형 도구.

스펙

스펙 상태 설명
CSS Basic Box Model Working Draft  
CSS Level 2 (Revision 1) Recommendation  
CSS Level 1 Recommendation 초기 정의

브라우저 호환성

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1.0 1.0 (1.7 or earlier) 3.0 3.5 1.0 (85)
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 1.0 1.0 (1) 6.0 6.0 1.0

문서 태그 및 공헌자

 이 페이지의 공헌자: Netaras, Sebastianz
 최종 변경: Netaras,