附録:CSS2.1のプロパティ一覧表

テキスト

プロパティ名 値の構文 初期値 適用要素
(デフォルト:all)
継承性 パーセンテージ
(デフォルト:N/A
対象メディア
'text-indent' <length> | <percentage> | inherit 0 block-level,table-cell,inline-block要素 あり 包含ブロックの横幅 visual
'text-align' left | right | center | justify | inherit UAと書字方向に依存 同上 あり visual
'text-decoration' none | [ underline || overline || line-through || blink ] | inherit none なし
(子孫にも影響)
visual
'letter-spacing' normal | <length> | inherit normal あり visual
'word-spacing' normal | <length> | inherit normal あり visual
'text-transform' capitalize | uppercase | lowercase | none | inherit none あり visual
'white-space' normal | pre | nowrap | pre-wrap | pre-line | inherit normal あり visual

色と背景

プロパティ名 値の構文 初期値 適用要素
(デフォルト:all)
継承性 パーセンテージ
(デフォルト:N/A
対象メディア
'color' <color> | inherit UAに依存 あり visual
'background-color' <color> | transparent | inherit transparent なし visual
'background-image' <uri> | none | inherit none なし visual
'background-repeat' repeat | repeat-x | repeat-y | no-repeat | inherit repeat なし visual
'background-attachment' scroll | fixed | inherit scroll なし visual
'background-position' [[ <percentage> | <length> | left | center | right ] [ <percentage> | <length> | top | center | bottom ]? ] | [[ left | center | right ] || [ top | center | bottom ]] | inherit 0% 0% なし ボックスと画像自身のサイズ visual
'background' ['background-color' || 'background-image' || 'background-repeat' || 'background-attachment' || 'background-position'] | inherit 個別プロパティを見よ なし 'background-position'のみ visual

フォント

プロパティ名 値の構文 初期値 適用要素
(デフォルト:all)
継承性 パーセンテージ
(デフォルト:N/A
対象メディア
'font-family' [[ <family-name> | <generic-family> ] [, <family-name> | <generic-family>]* ] | inherit UAに依存 あり visual
'font-style' normal | italic | oblique | inherit normal あり visual
'font-variant' normal | small-caps | inherit normal あり visual
'font-weight' normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit normal あり visual
'font-size' <absolute-size> | <relative-size> | <length> | <percentage> | inherit medium あり 親要素のフォンサイズ visual
'font' [ [ 'font-style' || 'font-variant' || 'font-weight' ]? 'font-size' [ / 'line-height' ]? 'font-family' ] | caption | icon | menu | message-box | small-caption | status-bar | inherit 個別プロパティを見よ あり 個別プロパティを見よ visual

ボックスモデル

プロパティ名 値の構文 初期値 適用要素
(デフォルト:all)
継承性 パーセンテージ
(デフォルト:N/A
対象メディア
'margin-top' 'margin-right' 'margin-bottom' 'margin-left' <margin-width> | inherit 0 以降は除外:表のdisplay型のうち,caption,table,inline-table以外のもの なし 包含ブロックの横幅 visual
'margin' <margin-width>{1,4} | inherit 個別プロパティを見よ 同上 なし 同上 visual
'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 なし 同上 visual
'padding' <padding-width>{1,4} | inherit 個別プロパティを見よ 同上 なし 同上 visual
'border-top-width' 'border-right-width' 'border-bottom-width' 'border-left-width' <border-width> | inherit medium なし visual
'border-width' <border-width>{1,4} | inherit 個別プロパティを見よ なし visual
'border-top-color' 'border-right-color' 'border-bottom-color' 'border-left-color' <color> | transparent | inherit 'color'プロパティの値 なし visual
'border-color' [ <color> | transparent ]{1,4} | inherit 個別プロパティを見よ なし visual
'border-top-style' 'border-right-style' 'border-bottom-style' 'border-left-style' <border-style> | inherit none なし visual
'border-style' <border-style>{1,4} | inherit 個別プロパティを見よ なし visual
'border-top' 'border-right' 'border-bottom' 'border-left' [ <border-width> || <border-style> || 'border-top-color' ] | inherit 個別プロパティを見よ なし visual
'border' [ <border-width> || <border-style> || 'border-top-color' ] | inherit 個別プロパティを見よ なし visual

視覺整形モデル

プロパティ名 値の構文 初期値 適用要素
(デフォルト:all)
継承性 パーセンテージ
(デフォルト:N/A
対象メディア
'display' inline | block | list-item | run-in | 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 なし all
'position' static | relative | absolute | fixed | inherit static なし visual
'top' 'bottom' <length> | <percentage> | auto | inherit auto 位置指定された要素 なし 包含ブロックの高さ visual
'right' 'left' <length> | <percentage> | auto | inherit auto 位置指定された要素 なし 包含ブロックの横幅 visual
'float' left | right | none | inherit none 相互作用を參照 なし visual
'clear' none | left | right | both | inherit none block-level要素 なし visual
'z-index' auto | <integer> | inherit auto 位置指定された要素 なし visual
'direction' ltr | rtl | inherit ltr あり visual
'unicode-bidi' normal | embed | bidi-override | inherit normal なし visual

視覺整形モデル詳細

プロパティ名 値の構文 初期値 適用要素
(デフォルト:all)
継承性 パーセンテージ
(デフォルト:N/A
対象メディア
'width' <length> | <percentage> | auto | inherit auto 以降は除外:非置換インライン,table-row,table-row-group要素 なし 包含ブロックの横幅 visual
'min-width' <length> | <percentage> | none | inherit UAに依存 同上 なし 包含ブロックの横幅 visual
'max-width' <length> | <percentage> | none | inherit none 同上 なし 包含ブロックの横幅 visual
'height' <length> | <percentage> | auto | inherit auto 以降は除外:非置換inline,'table-column','table-column-group'要素 なし 包含ブロックの高さ visual
'min-height' <length> | <percentage> | inherit 0 同上 なし 説明を見よ visual
'max-height' <length> | <percentage> | none | inherit none 同上 なし 説明を見よ visual
'line-height' normal | number | <length> | <percentage> | inherit normal あり 要素自身のフォントサイズ visual
'vertical-align' baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit baseline インライン,'table-cell'要素 なし 要素自身の'line-height' visual

視覺效果

プロパティ名 値の構文 初期値 適用要素
(デフォルト:all)
継承性 パーセンテージ
(デフォルト:N/A
対象メディア
'overflow' visible | hidden | scroll | auto | inherit visible 非置換block,table-cell,inline-block要素 なし visual
'clip' <shape> | auto | inherit auto 絶對位置決めの要素 なし visual
'visibility' visible | hidden | collapse | inherit visible あり visual

テーブル

プロパティ名 値の構文 初期値 適用要素
(デフォルト:all)
継承性 パーセンテージ
(デフォルト:N/A
対象メディア
'caption-side' top | bottom | inherit top 'table-caption'要素 あり visual
'table-layout' auto | fixed | inherit auto 'table'および'inline-table'要素 なし visual
'border-collapse' collapse | separate | inherit separate 同上 あり visual
'border-spacing' <length> <length>? | inherit 0 同上 あり visual
'empty-cells' show | hide | inherit show 'table-cell'要素 あり visual

生成内容,自動番號振り,リスト

プロパティ名 値の構文 初期値 適用要素
(デフォルト:all)
継承性 パーセンテージ
(デフォルト:N/A
対象メディア
'content' normal | none | [ <string> | <uri> | <counter> | attr(<identifier>) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit normal :before,:after疑似要素 なし all
'quotes' [<string> <string>]+ | none | inherit UAに依存 あり visual
'counter-reset' [ <identifier> <integer>? ]+ | none | inherit none なし all
'counter-increment' [ <identifier> <integer>? ]+ | none | inherit none なし all
'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'の要素 あり visual
'list-style-image' <uri> | none | inherit none 同上 あり visual
'list-style-position' inside | outside | inherit outside 同上 あり visual
'list-style' [ 'list-style-type' || 'list-style-position' || 'list-style-image' ] | inherit 個別プロパティを見よ 同上 あり visual

ユーザインタフェイス

プロパティ名 値の構文 初期値 適用要素
(デフォルト:all)
継承性 パーセンテージ
(デフォルト:N/A
対象メディア
'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 あり visual, interactive
'outline' [ 'outline-color' || 'outline-style' || 'outline-width' ] | inherit 個別プロパティを見よ なし visual, interactive
'outline-width' <border-width> | inherit medium なし visual, interactive
'outline-style' <border-style> | inherit none なし visual, interactive
'outline-color' <color> | invert | inherit invert なし visual, interactive