이 부록은 참고용이며, 규범적이지 않습니다.
| 이름 | 값 | 초기값 | 적용 대상 | 상속 | 백분율 | 미디어 | 애니메이션 | 계산된 값 |
|---|---|---|---|---|---|---|---|---|
| alignment-baseline | auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical | 속성 설명 참고 | ‘tspan’, ‘textPath’ 요소 | 아니오 | 해당 없음 | 시각적 | 예 | 명시된 대로 |
| baseline-shift | baseline | sub | super | <percentage> | <length> | baseline | ‘tspan’, ‘textPath’ 요소 | 아니오 | ‘text’ 요소의 "line height" 참고 (SVG에서는 폰트 크기와 같음) | 시각적 | 예 | 절대 길이, 백분율, 또는 지정된 키워드 |
| color | <color> | 사용자 에이전트에 따라 다름 | 속성 fill, stroke, stop-color, flood-color, lighting-color가 적용되는 요소 | 예 | 해당 없음 | 시각적 | 예 | RGBA 색상 |
| color-interpolation | auto | sRGB | linearRGB | sRGB | 컨테이너 요소, 그래픽 요소, 그라디언트 요소, ‘use’, ‘animate’ | 예 | 해당 없음 | 시각적 | 예 | 명시된 대로 |
| color-rendering | auto | optimizeSpeed | optimizeQuality | auto | 컨테이너 요소, 그래픽 요소, 그라디언트 요소, ‘use’, ‘animate’ | 예 | 해당 없음 | 시각적 | 예 | 명시된 대로 |
| direction | ltr | rtl | ltr | 텍스트 콘텐츠 요소 | 예 | 해당 없음 | 시각적 | 아니오 | 명시된 대로 |
| display | inline | block | list-item | run-in | compact | marker | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inline | ‘svg’, ‘g’, ‘switch’, ‘a’, ‘foreignObject’, ‘use’ 및 그래픽 요소 | 아니오 | 해당 없음 | all | 예 | |
| dominant-baseline | auto | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge | auto | 텍스트 콘텐츠 요소 | 예 | 해당 없음 | 시각적 | 예 | 명시된 대로 |
| fill | <paint> (페인트 지정 참고) | 검정 | 도형, 텍스트 콘텐츠 요소 | 예 | 해당 없음 | 시각적 | 예 | 명시된 대로, <color> 값은 계산되고 <url> 값은 절대값으로 변환됨 |
| fill-opacity | <alpha-value> | 1 | 도형, 텍스트 콘텐츠 요소 | 예 | 해당 없음 | 시각적 | 예 | 지정값을 숫자로 변환, [0,1] 범위로 클램핑 |
| fill-rule | nonzero | evenodd | nonzero | 도형, 텍스트 콘텐츠 요소 | 예 | 해당 없음 | 시각적 | 예 | 명시된 대로 |
| font-variant | normal | small-caps | normal | 텍스트 콘텐츠 요소 | 예 | 해당 없음 | 시각적 | 예 | 개별 속성 참고 |
| glyph-orientation-vertical | auto | <angle> | <number> | auto | 텍스트 콘텐츠 요소 | 예 | 해당 없음 | 시각적 | 아니오 | 명시된 대로 |
| image-rendering | auto | optimizeSpeed | optimizeQuality | auto | 이미지 | 예 | 해당 없음 | 시각적 | 예 | 명시된 대로 |
| line-height | normal | <number> | <length-percentage> | normal | ‘text’ 요소 | 예 | 해당 요소의 폰트 크기 참고 | 시각적 | 예 | <length-percentage>는 절대값, 그 외에는 명시된 대로 |
| marker | 개별 속성 참고 | 개별 속성 참고 | 도형 | 예 | 해당 없음 | 시각적 | 예 | 개별 속성 참고 |
| marker-end marker-mid marker-start |
none | <url> | none | 도형 | 예 | 해당 없음 | 시각적 | 예 | 명시된 대로, <url> 값(<marker-ref>의 일부인 경우)이 절대값으로 변환됨 |
| opacity | <alpha-value> | 1 | ‘svg’, ‘g’, ‘symbol’, ‘marker’, ‘a’, ‘switch’, ‘use’, ‘unknown’ 요소 및 그래픽 요소 | 아니오 | 해당 없음 | 시각적 | 예 | 지정값을 숫자로 변환, [0,1] 범위로 클램핑 |
| overflow | visible | hidden | scroll | auto | 설명 참고 | 새 SVG 뷰포트 생성 요소, ‘pattern’ 요소, ‘marker’ 요소 | 아니오 | 해당 없음 | 시각적 | 예 | 명시된 대로 |
| paint-order | normal | [ fill || stroke || markers ] | normal | 도형, 텍스트 콘텐츠 요소 | 예 | 해당 없음 | 시각적 | 예 | 명시된 대로 |
| pointer-events | bounding-box | visiblePainted | visibleFill | visibleStroke |
visible | painted | fill | stroke | all | none |
visiblePainted | 컨테이너 요소, 그래픽 요소, ‘use’ | 예 | 해당 없음 | 시각적 | 예 | 명시된 대로 |
| shape-rendering | auto | optimizeSpeed | crispEdges | geometricPrecision |
auto | 도형 | 예 | 해당 없음 | 시각적 | 예 | 명시된 대로 |
| stop-color | currentColor | <color> [<icccolor>] |
검정 | ‘stop’ 요소 | 아니오 | 해당 없음 | 시각적 | 예 | |
| stop-opacity | <alpha-value> | 1 | ‘stop’ 요소 | 아니오 | 해당 없음 | 시각적 | 예 | |
| stroke | <paint> (페인트 지정 참고) | none | 도형, 텍스트 콘텐츠 요소 | 예 | 해당 없음 | 시각적 | 예 | 명시된 대로, <color> 값은 계산되고 <url> 값은 절대값으로 변환됨 |
| stroke-dasharray | none | <dasharray> | none | 도형, 텍스트 콘텐츠 요소 | 예 | 해당 없음 | 시각적 | 예 [1] | <dasharray>는 절대 길이나 백분율, 또는 지정된 키워드 |
| stroke-dashoffset | <length-percentage> | 0 | 도형, 텍스트 콘텐츠 요소 | 예 | 현재 SVG 뷰포트 크기 참고 | 시각적 | 예 | 절대 길이 또는 백분율 |
| stroke-linecap | butt | round | square | butt | 도형, 텍스트 콘텐츠 요소 | 예 | 해당 없음 | 시각적 | 예 | 명시된 대로 |
| stroke-linejoin | miter | round | bevel | miter | 도형, 텍스트 콘텐츠 요소 | 예 | 해당 없음 | 시각적 | 예 | 명시된 대로 |
| stroke-miterlimit | <number> (음수 아님) | 4 | 도형, 텍스트 콘텐츠 요소 | 예 | 해당 없음 | 시각적 | 예 | 명시된 대로 |
| stroke-opacity | <alpha-value> | 1 | 도형, 텍스트 콘텐츠 요소 | 예 | 해당 없음 | 시각적 | 예 | 지정값을 숫자로 변환, [0,1] 범위로 클램핑 |
| stroke-width | <length-percentage> | 1 | 도형, 텍스트 콘텐츠 요소 | 예 | 현재 SVG 뷰포트 크기 참고 | 시각적 | 예 | 절대 길이 또는 백분율 |
| text-anchor | start | middle | end | start | 텍스트 콘텐츠 요소 | 예 | 해당 없음 | 시각적 | 예 | 명시된 대로 |
| text-decoration | none | [ underline || overline || line-through || blink ] | none | 텍스트 콘텐츠 요소 | 아니오 (설명 참고) | 해당 없음 | 시각적 | 예 | 개별 속성 참고 |
| text-rendering | auto | optimizeSpeed | optimizeLegibility | geometricPrecision |
auto | ‘text’ 요소 | 예 | 해당 없음 | 시각적 | 예 | 명시된 대로 |
| vector-effect | non-scaling-stroke | none | none | 그래픽 요소, ‘use’ | 아니오 | 해당 없음 | 시각적 | 예 | 명시된 대로 |
| visibility | visible | hidden | collapse | visible | 그래픽 요소, ‘use’, ‘a’ 요소(텍스트 콘텐츠 요소의 자식일 때) | 예 | 해당 없음 | 시각적 | 예 | 명시된 대로 |
| white-space | normal | pre | nowrap | pre-wrap | pre-line | normal | 텍스트 콘텐츠 요소 | 예 | 해당 없음 | 시각적 | 예 | 명시된 대로 |
| writing-mode | lr-tb | rl-tb | tb-rl | lr | rl | tb | lr-tb | ‘text’ 요소 | 예 | 해당 없음 | 시각적 | 아니오 | 명시된 대로 |