이 부록은 정보 제공용이며, 표준 문서는 아닙니다.
| 이름 | 값 | 초기값 | 적용 대상 (기본값: 모두) | 상속됨? | 백분율 (기본값: N/A) | 미디어 그룹 |
|---|---|---|---|---|---|---|
| 'azimuth' | <angle> | [[ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards | inherit | center | 예 | 청각 | ||
| scroll | fixed | inherit | scroll | 아니오 | 시각적 | |||
| 'background-color' | <color> | transparent | inherit | transparent | 아니오 | 시각적 | ||
| 'background-image' | <uri> | none | inherit | none | 아니오 | 시각적 | ||
| 'background-position' | [ [ <percentage> | <length> | left | center | right ] [ <percentage> | <length> | top | center | bottom ]? ] | [ [ left | center | right ] || [ top | center | bottom ] ] | inherit | 0% 0% | 아니오 | 박스 자체 크기에 따라 달라집니다 | 시각적 | |
| 'background-repeat' | repeat | repeat-x | repeat-y | no-repeat | inherit | repeat | 아니오 | 시각적 | ||
| 'background' | ['background-color' || 'background-image' || 'background-repeat' || || 'background-position'] | inherit | 각 속성을 참조하십시오 | 아니오 | 'background-position'에서 허용됩니다 | 시각적 | |
| 'border-collapse' | collapse | separate | inherit | separate | 'table' 및 'inline-table' 요소 | 예 | 시각적 | |
| 'border-color' | [ <color> | transparent ]{1,4} | inherit | 각 속성을 참조하십시오 | 아니오 | 시각적 | ||
| 'border-spacing' | <length> <length>? | inherit | 0 | 'table' 및 'inline-table' 요소 | 예 | 시각적 | |
| 'border-style' | <border-style>{1,4} | inherit | 각 속성을 참조하십시오 | 아니오 | 시각적 | ||
| 'border-top' 'border-right' 'border-bottom' 'border-left' | [ <border-width> || <border-style> || 'border-top-color' ] | inherit | 개별 속성 참조 | 아니오 | 시각적 | ||
| 'border-top-color' 'border-right-color' 'border-bottom-color' 'border-left-color' | <color> | transparent | inherit | 'color' 속성 값 | 아니오 | 시각적 | ||
| 'border-top-style' 'border-right-style' 'border-bottom-style' 'border-left-style' | <border-style> | inherit | none | 아니오 | 시각적 | ||
| 'border-top-width' 'border-right-width' 'border-bottom-width' 'border-left-width' | <border-width> | inherit | medium | 아니오 | 시각적 | ||
| 'border-width' | <border-width>{1,4} | inherit | 개별 속성 참조 | 아니오 | 시각적 | ||
| 'border' | [ <border-width> || <border-style> || 'border-top-color' ] | inherit | 개별 속성 참조 | 아니오 | 시각적 | ||
| 'bottom' | <length> | <percentage> | auto | inherit | auto | 위치된 요소 | 아니오 | 포함 블록의 높이를 참조 | 시각적 |
| 'caption-side' | top | bottom | inherit | top | 'table-caption' 요소 | 예 | 시각적 | |
| 'clear' | none | left | right | both | inherit | none | 블록 수준 요소 | 아니오 | 시각적 | |
| 'clip' | <shape> | auto | inherit | auto | 절대적으로 위치된 요소 | 아니오 | 시각적 | |
| 'color' | <color> | inherit | 사용자 에이전트에 따라 다름 | 예 | 시각적 | ||
| 'content' | normal | none | [ <string> | <uri> | <counter> | attr(<identifier>) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit | normal | :before 및 :after 의사 요소 | 아니오 | 모두 | |
| 'counter-increment' | [ <identifier> <integer>? ]+ | none | inherit | none | 아니오 | 모두 | ||
| 'counter-reset' | [ <identifier> <integer>? ]+ | none | inherit | none | 아니오 | 모두 | ||
| 'cue-after' | <uri> | none | inherit | none | 아니오 | 청각 | ||
| 'cue-before' | <uri> | none | inherit | none | 아니오 | 청각 | ||
| 'cue' | [ 'cue-before' || 'cue-after' ] | inherit | 개별 속성 참조 | 아니오 | 청각 | ||
| 'cursor' | [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | inherit | auto | 예 | 시각적, 인터랙티브 | ||
| 'direction' | ltr | rtl | inherit | ltr | 모든 요소, 단 설명 참조 | 예 | 시각적 | |
| 'display' | inline | block | list-item | inline-block | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inherit | inline | 아니오 | 모두 | ||
| 'elevation' | <angle> | below | level | above | higher | lower | inherit | level | 예 | 청각 | ||
| 'empty-cells' | show | hide | inherit | show | 'table-cell' 요소 | 예 | 시각적 | |
| 'float' | left | right | none | inherit | none | 모두, 단 9.7 참조 | 아니오 | 시각적 | |
| 'font-family' | [[ <family-name> | <generic-family> ] [, [ <family-name>| <generic-family>] ]* ] | inherit | 사용자 에이전트에 따라 다름 | 예 | 시각적 | ||
| 'font-size' | <absolute-size> | <relative-size> | <length> | <percentage> | inherit | medium | 예 | 상속된 글꼴 크기를 참조 | 시각적 | |
| 'font-style' | normal | italic | oblique | inherit | normal | 예 | 시각적 | ||
| 'font-variant' | normal | small-caps | inherit | normal | 예 | 시각적 | ||
| 'font-weight' | normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit | normal | 예 | 시각적 | ||
| 'font' | [ [ 'font-style' || 'font-variant' || 'font-weight' ]? 'font-size' [ / 'line-height' ]? 'font-family' ] | caption | icon | menu | message-box | small-caption | status-bar | inherit | 개별 속성 참조 | 예 | 개별 속성 참조 | 시각적 | |
| 'height' | <length> | <percentage> | auto | inherit | auto | 대체되지 않은 인라인 요소, 테이블 열 및 열 그룹을 제외한 모든 요소 | 아니오 | 본문 참조 | 시각적 |
| 'left' | <length> | <percentage> | auto | inherit | auto | 위치된 요소 | 아니오 | 포함 블록의 너비를 참조 | 시각적 |
| 'letter-spacing' | normal | <length> | inherit | normal | 예 | 시각적 | ||
| 'line-height' | normal | <number> | <length> | <percentage> | inherit | normal | 예 | 요소 자체의 글꼴 크기를 참조 | 시각적 | |
| 'list-style-image' | <uri> | none | inherit | none | 'display: list-item'이 적용된 요소 | 예 | 시각적 | |
| 'list-style-position' | inside | outside | inherit | outside | 'display: list-item'이 적용된 요소 | 예 | 시각적 | |
| 'list-style-type' | disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | inherit | disc | 'display: list-item'이 적용된 요소 | 예 | 시각적 | |
| 'list-style' | [ 'list-style-type' || 'list-style-position' || 'list-style-image' ] | inherit | 개별 속성 참조 | 'display: list-item'이 적용된 요소 | 예 | 시각적 | |
| 'margin-right' 'margin-left' | <margin-width> | inherit | 0 | table-caption, table, inline-table 이외의 테이블 디스플레이 타입을 가진 요소를 제외한 모든 요소 | 아니오 | 포함 블록의 너비를 참조 | 시각적 |
| 'margin-top' 'margin-bottom' | <margin-width> | inherit | 0 | table-caption, table, inline-table 이외의 테이블 디스플레이 타입을 가진 요소를 제외한 모든 요소 | 아니오 | 포함 블록의 너비를 참조 | 시각적 |
| 'margin' | <margin-width>{1,4} | inherit | 개별 속성 참조 | table-caption, table, inline-table 이외의 테이블 디스플레이 타입을 가진 요소를 제외한 모든 요소 | 아니오 | 포함 블록의 너비를 참조 | 시각적 |
| 'max-height' | <length> | <percentage> | none | inherit | none | 대체되지 않은 인라인 요소, 테이블 열 및 열 그룹을 제외한 모든 요소 | 아니오 | 본문 참조 | 시각적 |
| 'max-width' | <length> | <percentage> | none | inherit | none | 대체되지 않은 인라인 요소, 테이블 행 및 행 그룹을 제외한 모든 요소 | 아니오 | 포함 블록의 너비를 참조 | 시각적 |
| 'min-height' | <length> | <percentage> | inherit | 0 | 대체되지 않은 인라인 요소, 테이블 열 및 열 그룹을 제외한 모든 요소 | 아니오 | 본문 참조 | 시각적 |
| 'min-width' | <length> | <percentage> | inherit | 0 | 대체되지 않은 인라인 요소, 테이블 행 및 행 그룹을 제외한 모든 요소 | 아니오 | 포함 블록의 너비를 참조 | 시각적 |
| 'orphans' | <integer> | inherit | 2 | 블록 컨테이너 요소 | 예 | 시각적, paged | |
| 'outline-color' | <color> | invert | inherit | invert | 아니오 | 시각적, 인터랙티브 | ||
| 'outline-style' | <border-style> | inherit | none | 아니오 | 시각적, 인터랙티브 | ||
| 'outline-width' | <border-width> | inherit | medium | 아니오 | 시각적, 인터랙티브 | ||
| 'outline' | [ 'outline-color' || 'outline-style' || 'outline-width' ] | inherit | 개별 속성 참조 | 아니오 | 시각적, 인터랙티브 | ||
| 'overflow' | visible | hidden | scroll | auto | inherit | visible | 블록 컨테이너 및 서식 컨텍스트를 설정하는 박스 | 아니오 | 시각적 | |
| 'padding-top' 'padding-right' 'padding-bottom' 'padding-left' | <padding-width> | inherit | 0 | table-row-group, table-header-group, table-footer-group, table-row, table-column-group 및 table-column을 제외한 모든 요소 | 아니오 | 포함 블록의 너비를 참조 | 시각적 |
| 'padding' | <padding-width>{1,4} | inherit | 개별 속성 참조 | table-row-group, table-header-group, table-footer-group, table-row, table-column-group 및 table-column을 제외한 모든 요소 | 아니오 | 포함 블록의 너비를 참조 | 시각적 |
| 'page-break-after' | auto | always | avoid | left | right | inherit | auto | 블록 수준 요소(단, 본문 참조) | 아니오 | 시각적, paged | |
| 'page-break-before' | auto | always | avoid | left | right | inherit | auto | 블록 수준 요소(단, 본문 참조) | 아니오 | 시각적, paged | |
| 'page-break-inside' | avoid | auto | inherit | auto | 블록 수준 요소(단, 본문 참조) | 아니오 | 시각적, paged | |
| 'pause-after' | <time> | <percentage> | inherit | 0 | 아니오 | 본문 참조 | 청각 | |
| 'pause-before' | <time> | <percentage> | inherit | 0 | 아니오 | 본문 참조 | 청각 | |
| 'pause' | [ [<time> | <percentage>]{1,2} ] | inherit | 개별 속성 참조 | 아니오 | 'pause-before' 및 'pause-after' 설명 참조 | 청각 | |
| 'pitch-range' | <number> | inherit | 50 | 예 | 청각 | ||
| 'pitch' | <frequency> | x-low | low | medium | high | x-high | inherit | medium | 예 | 청각 | ||
| 'play-during' | <uri> [ mix || repeat ]? | auto | none | inherit | auto | 아니오 | 청각 | ||
| 'position' | static | relative | absolute | fixed | inherit | static | 아니오 | 시각적 | ||
| 'quotes' | [<string> <string>]+ | none | inherit | 사용자 에이전트에 따라 다름 | 예 | 시각적 | ||
| 'richness' | <number> | inherit | 50 | 예 | 청각 | ||
| 'right' | <length> | <percentage> | auto | inherit | auto | 위치된 요소 | 아니오 | 포함 블록의 너비를 참조 | 시각적 |
| 'speak-header' | once | always | inherit | once | 테이블 헤더 정보를 가진 요소 | 예 | 청각 | |
| 'speak-numeral' | digits | continuous | inherit | continuous | 예 | 청각 | ||
| 'speak-punctuation' | code | none | inherit | none | 예 | 청각 | ||
| 'speak' | normal | none | spell-out | inherit | normal | 예 | 청각 | ||
| 'speech-rate' | <number> | x-slow | slow | medium | fast | x-fast | faster | slower | inherit | medium | 예 | 청각 | ||
| 'stress' | <number> | inherit | 50 | 예 | 청각 | ||
| 'table-layout' | auto | fixed | inherit | auto | 'table' 및 'inline-table' 요소 | 아니오 | 시각적 | |
| 'text-align' | left | right | center | justify | inherit | 'direction'이 'ltr'이면 'left', 'rtl'이면 'right'처럼 동작하는 이름 없는 값 | 블록 컨테이너 | 예 | 시각적 | |
| 'text-decoration' | none | [ underline || overline || line-through || blink ] | inherit | none | 아니오(본문 참조) | 시각적 | ||
| 'text-indent' | <length> | <percentage> | inherit | 0 | 블록 컨테이너 | 예 | 포함 블록의 너비를 참조 | 시각적 |
| 'text-transform' | capitalize | uppercase | lowercase | none | inherit | none | 예 | 시각적 | ||
| 'top' | <length> | <percentage> | auto | inherit | auto | 위치된 요소 | 아니오 | 포함 블록의 높이를 참조 | 시각적 |
| 'unicode-bidi' | normal | embed | bidi-override | inherit | normal | 모든 요소, 단 본문 참조 | 아니오 | 시각적 | |
| 'vertical-align' | baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit | baseline | 인라인 수준 요소 및 'table-cell' 요소 | 아니오 | 요소 자체의 'line-height'를 참조 | 시각적 |
| 'visibility' | visible | hidden | collapse | inherit | visible | 예 | 시각적 | ||
| 'voice-family' | [[<specific-voice> | <generic-voice> ],]* [<specific-voice> | <generic-voice> ] | inherit | 사용자 에이전트에 따라 다름 | 예 | 청각 | ||
| 'volume' | <number> | <percentage> | silent | x-soft | soft | medium | loud | x-loud | inherit | medium | 예 | 상속된 값을 참조 | 청각 | |
| 'white-space' | normal | pre | nowrap | pre-wrap | pre-line | inherit | normal | 예 | 시각적 | ||
| 'widows' | <integer> | inherit | 2 | 블록 컨테이너 요소 | 예 | 시각적, paged | |
| 'width' | <length> | <percentage> | auto | inherit | auto | 대체되지 않은 인라인 요소, 테이블 행 및 행 그룹을 제외한 모든 요소 | 아니오 | 포함 블록의 너비를 참조 | 시각적 |
| 'word-spacing' | normal | <length> | inherit | normal | 예 | 시각적 | ||
| 'z-index' | auto | <integer> | inherit | auto | 위치된 요소 | 아니오 | 시각적 |