目次詳細目次前章次章要素属性プロパティ

付録 N: プロパティ索引

この付録は参考であって、規定ではない。

【スペースを節約するため、この章の一覧は原文のレイアウトに一部変更を加えている:】

名前初期値適用対象継承
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 においてはフォントサイズに等しい)
clip <shape> | auto | inherit auto 新たなビューポートを確立する要素, pattern, marker 要素 しない
clip-path <funciri> | 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> | <funciri> | inherit auto ラスター画像を参照する image 要素 する
color-rendering auto | optimizeSpeed | optimizeQuality | inherit auto コンテナ要素, グラフィックス要素, animateColor する
cursor [ [<funciri>,]* [ 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) しない
  • メディアは all
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 <funciri> | none | inherit none コンテナ要素, グラフィックス要素 しない
flood-color currentColor | <color> [<icccolor>] | 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-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 画像 する
kerning auto | <length> | inherit auto テキスト内容要素 する
letter-spacing normal | <length> | inherit normal テキスト内容要素 する
lighting-color currentColor | <color> [<icccolor>] | inherit white feDiffuseLighting, feSpecularLighting 要素 しない
marker 個々のプロパティを見よ 個々のプロパティを見よ path, line, polyline, polygon 要素 する
marker-end
marker-mid
marker-start
none | inherit | <funciri> none path, line, polyline, polygon 要素 する
mask <funciri> | 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> [<icccolor>] | inherit black stop 要素 しない
stop-opacity <opacity-value> | inherit 1 stop 要素 しない
stroke <paint> ( 塗りの指定 を見よ) none 図形, テキスト内容要素 する
stroke-dasharray none | <dasharray> | inherit none 図形, テキスト内容要素 する
  • アニメート可能であるが、加法的アニメーションはサポートされない
stroke-dashoffset <percentage> | <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 <percentage> | <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 要素 する
  • アニメート不可
目次詳細目次前章次章要素属性プロパティ