名前 | 値 | 初期値 | 適用対象 (既定:全て) |
継承 | パーセント (既定: N/A ) |
メディア | アニメーション |
Name | Values | Initial value | Applies to (Default: all) |
Inherited? | Percentages (Default: N/A) |
Media groups | Animatable |
'alignment-baseline' | auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical | inherit | プロパティの記述を見よ | 'tspan', 'tref', 'altGlyph', 'textPath' 要素 | 無し | 視覚 | 可 | |
'baseline-shift' | baseline | sub | super | <percentage> | <length> | inherit | baseline | 'tspan', 'tref', 'altGlyph', 'textPath' 要素 | 無し | 'text' 要素の 'line-height' を参照する。 SVG においては 'line-height' は 'font-size' に等しい。 | 視覚 | 可(非加法的, 'set' と 'animate' 要素のみ) |
'clip' | <shape> | auto | inherit | auto | 新しいビューポートを確立する要素, 'pattern' 要素, 'marker' 要素 | 無し | 視覚 | 可 | |
'clip-path' | <uri> | none | inherit | none | コンテナ要素, グラフィックス要素 | 無し | 視覚 | 可 | |
'clip-rule' | nonzero | evenodd | inherit | nonzero | 'clipPath' 要素内のグラフィックス要素 | 有り | 視覚 | 可 | |
'color' | <color> | inherit | UAに依存 | プロパティ 'fill', 'stroke', 'stop-color', 'flood-color', 'lighting-color' が適用される要素 | 有り | 視覚 | 可 | |
'color-interpolation' | auto | sRGB | linearRGB | inherit | sRGB | コンテナ要素, グラフィックス要素, 'animateColor' | 有り | 視覚 | 可 | |
'color-interpolation-filters' | auto | sRGB | linearRGB | inherit | linearRGB | 原始フィルタ | 有り | 視覚 | 可 | |
'color-profile' | auto | sRGB | <name> | <uri> | inherit | auto | ラスター画像を参照する 'image' 要素 | 有り | 視覚 | 可 | |
'color-rendering' | auto | optimizeSpeed | optimizeQuality | inherit | auto | コンテナ要素, グラフィックス要素, 'animateColor' | 有り | 視覚 | 可 | |
'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 ] ] | inherit | auto | コンテナ要素, グラフィックス要素 | 有り | 視覚, 対話的 | 可 | |
'direction' | ltr | rtl | inherit | 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 | inherit | inline | 'svg', 'g', 'switch', 'a', 'foreignObject', グラフィックス要素( 'text' 要素を含む)とテキスト部分要素(即ち 'tspan', 'tref', 'altGlyph', 'textPath' ) | 無し | 全て | 可 | |
'dominant-baseline' | auto | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge | inherit | auto | テキスト内容要素 | 無し | 視覚 | 可 | |
'enable-background' | accumulate | new [ <x> <y> <width> <height> ] | inherit | accumulate | コンテナ要素 | 無し | 視覚 | 不可 | |
'fill' | <paint> ( 塗りの指定 を見よ) | black | 図形, テキスト内容要素 | 有り | 視覚 | 可 | |
'fill-opacity' | <opacity-value> | inherit | 1 | 図形, テキスト内容要素 | 有り | 視覚 | 可 | |
'fill-rule' | nonzero | evenodd | inherit | nonzero | 図形, テキスト内容要素 | 有り | 視覚 | 可 | |
'filter' | <uri> | none | inherit | none | コンテナ要素, グラフィックス要素 | 無し | 視覚 | 可 | |
'flood-color' | currentColor | <color> [icc-color(<name>[,<icccolorvalue>]*)] | inherit | black | 'feFlood' 要素 | 無し | 視覚 | 可 | |
'flood-opacity' | <opacity-value> | inherit | 1 | 'feFlood' 要素 | 無し | 視覚 | 可 | |
'font' | [ [ 'font-style' || 'font-variant' || 'font-weight' ]? 'font-size' [ / 'line-height' ]? 'font-family' ] | caption | icon | menu | message-box | small-caption | status-bar | inherit | 個々のプロパティを見よ | テキスト内容要素 | 有り | 'font-size' と 'line-height' に許される( SVG においては 'line-height' は 'font-size' に等しい) | 視覚 | 可(非加法的, 'set' と 'animate' 要素のみ) |
'font-family' | [[ <family-name> | <generic-family> ],]* [ <family-name> | <generic-family>] | inherit | UAに依存 | テキスト内容要素 | 有り | 視覚 | 可 | |
'font-size' | <absolute-size> | <relative-size> | <length> | <percentage> | inherit | medium | テキスト内容要素 | 有り, 計算値は継承される | 親要素のフォントサイズを参照 | 視覚 | 可 |
'font-size-adjust' | <number> | none | inherit | none | テキスト内容要素 | 有り | 視覚 | 可 | |
'font-stretch' | normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit | normal | テキスト内容要素 | 有り | 視覚 | 可 | |
'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 | テキスト内容要素 | 有り | 視覚 | 可 | |
'glyph-orientation-horizontal' | <angle> | inherit | 0deg | テキスト内容要素 | 有り | 視覚 | 不可 | |
'glyph-orientation-vertical' | auto | <angle> | inherit | auto | テキスト内容要素 | 有り | 視覚 | 不可 | |
'image-rendering' | auto | optimizeSpeed | optimizeQuality | inherit | auto | images | 有り | 視覚 | 可 | |
'kerning' | auto | <length> | inherit | auto | テキスト内容要素 | 有り | 視覚 | 可 | |
'letter-spacing' | normal | <length> | inherit | normal | テキスト内容要素 | 有り | 視覚 | 可 | |
'lighting-color' | currentColor | <color> [icc-color(<name>[,<icccolorvalue>]*)] | inherit |
white | 'feDiffuseLighting', 'feSpecularLighting' 要素 | 無し | 視覚 | 可 | |
'marker' | 個々のプロパティを見よ | 個々のプロパティを見よ | 'path', 'line', 'polyline', 'polygon' 要素 | 有り | 視覚 | 可 | |
'marker-end' 'marker-mid' 'marker-start' |
none | inherit | <uri> |
none | 'path', 'line', 'polyline', 'polygon' 要素 | 有り | 視覚 | 可 | |
'mask' | <uri> | none | inherit | none | コンテナ要素, グラフィックス要素 | 無し | 視覚 | 可 | |
'opacity' | <opacity-value> | inherit | 1 | コンテナ要素, グラフィックス要素 | 無し | 視覚 | 可 | |
'overflow' | visible | hidden | scroll | auto | inherit | 注釈を見よ | 新しいビューポートを確立する要素, 'pattern' 要素, 'marker' 要素 | 無し | 視覚 | 可 | |
'pointer-events' |
visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none | inherit |
visiblePainted | グラフィックス要素 | 有り | 視覚 | 可 | |
'shape-rendering' |
auto | optimizeSpeed | crispEdges | geometricPrecision | inherit |
auto | 図形 | 有り | 視覚 | 可 | |
'stop-color' |
currentColor | <color> [icc-color(<name>[,<icccolorvalue>]*)] | inherit |
black | 'stop' 要素 | 無し | 視覚 | 可 | |
'stop-opacity' | <opacity-value> | inherit | 1 | 'stop' 要素 | 無し | 視覚 | 可 | |
'stroke' | <paint> (See Specifying paint) | none | 図形, テキスト内容要素 | 有り | 視覚 | 可 | |
'stroke-dasharray' | none | <dasharray> | inherit | none | 図形, テキスト内容要素 | 可 | 視覚 | ||
'stroke-dashoffset' | <length> | inherit | 0 | 図形, テキスト内容要素 | 有り | 注釈を見よ | 視覚 | 可 |
'stroke-linecap' | butt | round | square | inherit | butt | 図形, テキスト内容要素 | 有り | 視覚 | 可 | |
'stroke-linejoin' | miter | round | bevel | inherit | miter | 図形, テキスト内容要素 | 有り | 視覚 | 可 | |
'stroke-miterlimit' | <miterlimit> | inherit | 4 | 図形, テキスト内容要素 | 有り | 視覚 | 可 | |
'stroke-opacity' | <opacity-value> | inherit | 1 | 図形, テキスト内容要素 | 有り | 視覚 | 可 | |
'stroke-width' | <length> | inherit | 1 | 図形, テキスト内容要素 | 有り | 視覚 | 可 | |
'text-anchor' | start | middle | end | inherit | start | テキスト内容要素 | 有り | 視覚 | 可 | |
'text-decoration' | none | [ underline || overline || line-through || blink ] | inherit | none | テキスト内容要素 | 無し(注釈を見よ) | 視覚 | 可 | |
'text-rendering' |
auto | optimizeSpeed | optimizeLegibility | geometricPrecision | inherit |
auto | 'text' 要素 | 有り | 視覚 | 可 | |
'unicode-bidi' | normal | embed | bidi-override | inherit | normal | テキスト内容要素 | 無し | 視覚 | 不可 | |
'visibility' | visible | hidden | collapse | inherit | visible | グラフィックス要素( 'text' 要素を含む)とテキスト部分要素(即ち 'tspan', 'tref', 'altGlyph', 'textPath', 'a' ) | 有り | 視覚 | 可 | |
'word-spacing' | normal | <length> | inherit | normal | テキスト内容要素 | 有り | 視覚 | 可 | |
'writing-mode' | lr-tb | rl-tb | tb-rl | lr | rl | tb | inherit | lr-tb | 'text' 要素 | 有り | 視覚 | 不可 |