付録 H: プロパティ索引

この付録は参考情報であり、規範的ではありません。

名前 初期値 適用対象 継承 パーセンテージ メディア アニメーション 算出値
alignment-baseline auto | baseline | before-edge | text-before-edge | middle | central | after-edge | text-after-edge | ideographic | alphabetic | hanging | mathematical プロパティ記述参照 tspan, textPath 要素 いいえ N/A 視覚 はい 指定通り
baseline-shift baseline | sub | super | <パーセンテージ> | <長さ> baseline tspan, textPath 要素 いいえ text 要素の「行の高さ」を参照(SVGの場合はフォントサイズと同じ) 視覚 はい 絶対長・パーセンテージ・指定キーワード
color <色> ユーザーエージェント依存 プロパティ fill, stroke, stop-color, flood-color, lighting-color が適用される要素 はい N/A 視覚 はい RGBA色
color-interpolation auto | sRGB | linearRGB sRGB コンテナ要素, グラフィック要素, グラデーション要素, use および animate はい N/A 視覚 はい 指定通り
color-rendering auto | optimizeSpeed | optimizeQuality auto コンテナ要素, グラフィック要素, グラデーション要素, use および animate はい N/A 視覚 はい 指定通り
direction ltr | rtl ltr テキスト内容要素 はい N/A 視覚 いいえ 指定通り
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 および グラフィック要素 いいえ N/A 全て はい
dominant-baseline auto | use-script | no-change | reset-size | ideographic | alphabetic | hanging | mathematical | central | middle | text-after-edge | text-before-edge auto テキスト内容要素 はい N/A 視覚 はい 指定通り
fill <paint> (塗り指定参照) 図形および テキスト内容要素 はい N/A 視覚 はい 指定通り。ただし<色>値は算出され、<url>値は絶対化される
fill-opacity <アルファ値> 1 図形および テキスト内容要素 はい N/A 視覚 はい 指定値を数値に変換し、[0,1] に丸める
fill-rule nonzero | evenodd nonzero 図形および テキスト内容要素 はい N/A 視覚 はい 指定通り
font-variant normal | small-caps normal テキスト内容要素 はい N/A 視覚 はい 個別プロパティ参照
glyph-orientation-vertical auto | <角度> | <数値> auto テキスト内容要素 はい N/A 視覚 いいえ 指定通り
image-rendering auto | optimizeSpeed | optimizeQuality auto 画像 はい N/A 視覚 はい 指定通り
line-height normal | <数値> | <長さ-パーセンテージ> normal text 要素 はい 要素自身のフォントサイズ参照 視覚 はい <長さ-パーセンテージ>は絶対値、それ以外は指定通り
marker 個別プロパティ参照 個別プロパティ参照 図形 はい N/A 視覚 はい 個別プロパティ参照
marker-end
marker-mid
marker-start
none | <url> none 図形 はい N/A 視覚 はい 指定通り。ただし<url>値(<marker-ref>の一部)を絶対化する
opacity <アルファ値> 1 svg, g, symbol, marker, a, switch, use, unknown 要素 および グラフィック要素 いいえ N/A 視覚 はい 指定値を数値に変換し、[0,1] に丸める
overflow visible | hidden | scroll | auto 本文参照 新規SVGビューポートを生成する要素, pattern 要素および marker 要素 いいえ N/A 視覚 はい 指定通り
paint-order normal | [ fill || stroke || markers ] normal 図形および テキスト内容要素 はい N/A 視覚 はい 指定通り
pointer-events bounding-box | visiblePainted | visibleFill | visibleStroke | visible |
painted | fill | stroke | all | none
visiblePainted コンテナ要素, グラフィック要素および use はい N/A 視覚 はい 指定通り
shape-rendering auto | optimizeSpeed | crispEdges |
geometricPrecision
auto 図形 はい N/A 視覚 はい 指定通り
stop-color currentColor |
<色> [<icccolor>]
stop 要素 いいえ N/A 視覚 はい
stop-opacity <アルファ値> 1 stop 要素 いいえ N/A 視覚 はい
stroke <paint> (塗り指定参照) none 図形および テキスト内容要素 はい N/A 視覚 はい 指定通り。ただし<色>値は算出され、<url>値は絶対化される
stroke-dasharray none | <ダッシュ配列> none 図形および テキスト内容要素 はい N/A 視覚 はい [1] <ダッシュ配列>は絶対長またはパーセンテージ、または指定キーワード
stroke-dashoffset <長さ-パーセンテージ> 0 図形および テキスト内容要素 はい 現行SVGビューポートのサイズ参照 視覚 はい 絶対長またはパーセンテージ
stroke-linecap butt | round | square butt 図形および テキスト内容要素 はい N/A 視覚 はい 指定通り
stroke-linejoin miter | round | bevel miter 図形および テキスト内容要素 はい N/A 視覚 はい 指定通り
stroke-miterlimit <数値>(非負) 4 図形および テキスト内容要素 はい N/A 視覚 はい 指定通り
stroke-opacity <アルファ値> 1 図形および テキスト内容要素 はい N/A 視覚 はい 指定値を数値に変換し、[0,1] に丸める
stroke-width <長さ-パーセンテージ> 1 図形および テキスト内容要素 はい 現行SVGビューポートのサイズ参照 視覚 はい 絶対長またはパーセンテージ
text-anchor start | middle | end start テキスト内容要素 はい N/A 視覚 はい 指定通り
text-decoration none | [ underline || overline || line-through || blink ] none テキスト内容要素 いいえ(本文参照) N/A 視覚 はい 個別プロパティ参照
text-rendering auto | optimizeSpeed | optimizeLegibility |
geometricPrecision
auto text 要素 はい N/A 視覚 はい 指定通り
vector-effect non-scaling-stroke | none none グラフィック要素および use いいえ N/A 視覚 はい 指定通り
visibility visible | hidden | collapse visible グラフィック要素, use および a 要素 (テキスト内容要素の子の場合) はい N/A 視覚 はい 指定通り
white-space normal | pre | nowrap | pre-wrap | pre-line normal テキスト内容要素 はい N/A 視覚 はい 指定通り
writing-mode lr-tb | rl-tb | tb-rl | lr | rl | tb lr-tb text 要素 はい N/A 視覚 いいえ 指定通り
  1. [1] fontfont-size-adjuststroke-dasharray プロパティはアニメーション可能ですが、加算型アニメーションはサポートしません。