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

テキスト

プロパティ名 値の構文 初期値 適用要素
(デフォルト:all)
継承性 パーセンテージ
(デフォルト:N/A
対象メディア
'text-indent' <length> | <percentage> | inherit 0 ブロックレヴェル要素 あり 包含ブロックの横幅 visual
'text-align' left | right | center | justify | <string> | inherit UAと書字方向に依存 ブロックレヴェル要素 あり visual
'text-decoration' none | [ underline || overline || line-through || blink ] | inherit none なし
(子孫にも影響)
visual
'text-shadow' none | [<color> || <length> <length> <length>? ,]* [<color> || <length> <length> <length>?] | 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 | 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> ]{1,2} | [ [top | center | bottom] || [left | center | right] ] ] | 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-stretch' normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit normal あり visual
'font-size' <absolute-size> | <relative-size> | <length> | <percentage> | inherit medium あり 親要素のフォンサイズ visual
'font-size-adjust' number | none | inherit none あり visual
'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'のみ visual

ボックスモデル

プロパティ名 値の構文 初期値 適用要素
(デフォルト:all)
継承性 パーセンテージ
(デフォルト:N/A
対象メディア
'margin-top' 'margin-right' 'margin-bottom' 'margin-left' <margin-width> | inherit 0 なし 包含ブロックの横幅 visual
'margin' <margin-width>{1,4} | inherit 未定義 なし 同上 visual
'padding-top' 'padding-right' 'padding-bottom' 'padding-left' <padding-width> | inherit 0 なし 同上 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-top-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 | 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 なし 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 ブロックレヴェル要素 なし 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 以降は除外:非置換インライン,表の行と行グループ なし 包含ブロックの横幅 visual
'min-width' <length> | <percentage> | none | inherit UAに依存 以降は除外:非置換インライン,表にかかはるもの なし 同上 visual
'max-width' <length> | <percentage> | none | inherit none 同上 なし 同上 visual
'height' <length> | <percentage> | auto | inherit auto 以降は除外:非置換インライン,表の列と列グループ なし 包含ブロックの高さ 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 インライン,表のセル なし 要素自身の'line-height' visual

視覺效果

プロパティ名 値の構文 初期値 適用要素
(デフォルト:all)
継承性 パーセンテージ
(デフォルト:N/A
対象メディア
'overflow' visible | hidden | scroll | auto | inherit visible ブロック,置換要素 なし visual
'clip' <shape> | auto | inherit auto ブロック,置換要素 なし visual
'visibility' visible | hidden | collapse | inherit inherit なし visual

テーブル

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

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

プロパティ名 値の構文 初期値 適用要素
(デフォルト:all)
継承性 パーセンテージ
(デフォルト:N/A
対象メディア
'content' [ <string> | <uri> | <counter> | attr(X) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit 空文字 :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-alpha | lower-latin | upper-alpha | upper-latin | hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha | 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
'marker-offset' <length> | auto | inherit auto 'display:marker'の要素 なし 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 ] ] | 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