属性名 |
値 |
初期値 |
適用 |
継承 |
%値
|
---|
'background'
| ['background-color' || 'background-image' || 'background-repeat' || 'background-attachment' || 'background-position'] | inherit
| 定義なし
| すべてのエレメント
| しない
| そのエレメント自身との相対値(background-position)
|
'background-attachment'
| scroll | fixed | inherit
| scroll
| すべてのエレメント
| しない
|
|
'background-color'
| <color> | transparent | inherit
| transparent
| すべてのエレメント
| しない
|
|
'background-image'
| <url>
<uri>
| none |inherit
| none
| すべてのエレメント
| しない
|
|
'background-position'
| [ [<percentage> | <length> ]{1,2} | [ [top | center | bottom] || [left | center | right] ] ] |inherit
| 0% 0%
| と互換エレメント
| しない
| そのエレメント自身との相対値
|
'background-repeat'
| repeat | repeat-x | repeat-y | no-repeat | inherit
| repeat
| すべてのエレメント
| しない
|
|
'border'
| [ 'border-width' || 'border-style' || <color> ] | inherit
| 定義なし
各属性の初期値
| すべてのエレメント
| しない
|
|
'border-collapse'
| collapse | separate | inherit
| collapse
| テーブルエレメント
| する
|
|
'border-color'
| <color>{1,4} | transparent | inherit
| color属性の値
各属性の初期値
| すべてのエレメント
| しない
|
|
'border-style'
| [ none | hidden | dotted | dashed | solid | double | groove
| ridge | inset | outse
]{1,4} | inherit
| none
各属性の初期値
| すべてのエレメント
| しない
|
|
'border-top'
'border-right'
'border-bottom'
'border-left'
| [ 'border-width' || 'border-style' || <color> ] | inherit
| 定義なし
各属性の初期値
| すべてのエレメント
| しない
|
|
'border-top-style'
'border-right-style'
'border-bottom-style'
'border-left-style'
| <border-style> | inherit
| none
| すべてのエレメント
| しない
|
|
'border-top-width'
'border-right-width'
'border-bottom-width'
'border-left-width'
| <border-width> |
inherit
| medium
| すべてのエレメント
| しない
|
|
'border-width'
| [ thin | medium | thick | <length>
]{1,4} |
inherit
| 無し
各属性の初期値
| すべてのエレメント
| しない
|
|
'bottom'
| <length> | <percentage> | auto |
inherit
| auto
| 位置指定されるエレメント
| しない
|
親エレメントの高さ
|
'clear'
| none | left | right | both | inherit
| none
| すべてのエレメント
| しない
|
|
'clip'
| <shape> | auto | inherit
| auto
| と互換エレメント
| しない
|
|
'color'
| <color> | inherit
| ブラウザの固有値
| すべてのエレメント
| する
|
|
'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
| すべてのエレメント
| しない
|
|
'float'
| left | right | none | inherit
| none
| すべてのエレメント
| しない
|
|
'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はエレメント自身のフォントサイズ
|
'font-family'
| [[ <family-name> | <generic-family> ],]* [<family-name> | <generic-family>] | inherit
| ブラウザの固有値
| すべてのエレメント
| する
|
|
'font-size'
| <absolute-size> | <relative-size> | <length> | <percentage> | inherit
| medium
| すべてのエレメント
| する
| 親エレメントとの相対サイズ
|
'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
| すべてのエレメント
| する
|
|
'height'
| <length> | <percentage> | auto | inherit
| auto
| と互換エレメント
すべてのエレメント、非互換、table
columns(col)、column groups(colgroup)
| しない
| 親エレメントの高さ
|
'left'
| <length> | <percentage> | auto |
inherit
| auto
| 位置指定されるエレメント
| しない
| 親エレメントの幅
|
'letter-spacing'
| normal | <length> | inherit
| normal
| すべてのエレメント
| する
|
|
'line-height'
| normal | <number> | <length> | <percentage> | inherit
| normal
| すべてのエレメント
| する
| エレメント自身のフォントサイズ
|
'list-style'
| [ 'list-style-type' || 'list-style-position' || 'list-style-image' ] | inherit
| 定義なし
| display属性の値がlist-itemのエレメント(リストアイテムエレメント)
| する
|
|
'list-style-image'
| <url>
<uri> | none | inherit
| none
| display属性の値がlist-itemのエレメント(リストアイテムエレメント)
| する
|
|
'list-style-position'
| inside | outside | inherit
| outside
| display属性の値がlist-itemのエレメント(リストアイテムエレメント)
| する
|
|
'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のエレメント(リストアイテムエレメント)
| する
|
|
'margin'
| [ <length> |
<percentage> ]{1,4} |
auto | inherit
| 定義なし
| すべてのエレメント
| しない
| 親エレメントの幅
|
'margin-top'
'margin-right'
'margin-bottom'
'margin-left'
| <length> |
<percentage> |
auto | inherit
| 0
| すべてのエレメント
| しない
| 親エレメントの幅
|
'overflow'
| visible | hidden | scroll | auto | inherit
| visible
| と互換エレメント
| しない
|
|
'padding'
| [ <length> |
<percentage ]{1,4} | inherit
| 定義なし
| すべてのエレメント
| しない
| 親エレメントの幅
|
'padding-top'
'padding-right'
'padding-bottom'
'padding-left'
| <length> |
<percentage> | inherit
| 0
| すべてのエレメント
| しない
| 親エレメントの幅
|
'page-break-after'
| auto | always | avoid | left | right | inherit
| auto
|
| しない
|
|
'page-break-before'
| auto | always | avoid | left | right | inherit
| auto
|
| しない
|
|
'position'
| static | relative | absolute | fixed | inherit
| static
| 生成されたコンテント以外のすべてのエレメント
| しない
|
|
'right'
| <length> | <percentage> | auto |
inherit
| auto
| 位置指定されるエレメント
| しない
| 親エレメントの幅
|
'table-layout'
| auto | fixed | inherit
| auto
| テーブルエレメント
| しない
|
|
'text-align'
| left | right | center | justify | inherit
| ブラウザの固有値
|
| する
|
|
'text-decoration'
| none | [ underline || overline || line-through || blink ] | inherit
| none
| すべてのエレメント
| しない
|
|
'text-indent'
| <length> | <percentage> | inherit
| 0
|
| する
| エレメント自身の幅
|
'text-transform'
| capitalize | uppercase | lowercase | none | inherit
| none
| すべてのエレメント
| する
|
|
'top'
| <length> | <percentage> | auto |
inherit
| auto
| 位置指定されるエレメント
| しない
| 親エレメントの高さ
|
'unicode-bidi'
| normal | embed | bidi-override | inherit
| normal
| すべてのエレメント
| しない
|
|
'vertical-align'
| baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit
| baseline
| とテーブルセルエレメント
| しない
| エレメント自身のline-heightを基準
|
'visibility'
| visible | hidden | collapse | inherit
| inherit
| すべてのエレメント
| しない
|
|
'white-space'
| normal | pre | nowrap | inherit
| normal
|
| する
|
|
'width'
| <length> | <percentage> | auto | inherit
| auto
| と互換エレメント
すべてのエレメント、非互換、table
columns(col)、column groups(colgroup)
| しない
| 親エレメントの幅
|
'z-index'
| auto | 数値(整数) | inherit
| auto
| 位置指定されるエレメント
| しない
|
|