CSS Types

CSS Types

Editing

<visual-box>

박스의 가장자리를 참조하는 방식을 정하는 키워드(content-box, padding-box, border-box)를 나타낸다.

구문

  • CSS Overflow Module Level 3, CSS Box Model Module Level 4
    content-box | padding-box | border-box

사용되는 키워드

키워드요약
border-box

테두리가 있다면 테두리 영역까지의 범위를 정의한다. SVG 컨텍스트에서는 stroke-box와 동일한 값으로 사용된다.

content-box

실제로 콘텐츠가 보여지는 범위를 정의한다. SVG 컨텍스트에서는 fill-box와 동일한 값으로 사용된다.

padding-box

내부 여백이 있다면 테두리를 뺀 내부 여백 포함을 나타내는 범위를 정의한다. SVG 컨텍스트에서는 fill-box와 동일한 값으로 사용된다.

버전 명세

Modules
Module NameStatusSummary
CSS Box Model Module Level 3

Last review date: 2022-11-23