★CSS1&CSS2動作確認済み属性一覧

戻る CSS1&CSS2動作確認済み属性一覧 進む

属性名

初期値

適用

継承

%値

'background'
 
L1L2N4N6N7O6NA1GA1MO1K2E4E5
ME5E55E6
['background-color' || 'background-image' || 'background-repeat' || 'background-attachment' || 'background-position'] | inherit

定義なし

すべてのエレメント

しない

そのエレメント自身との相対値(background-position
'background-attachment'
 
L1L2
N6N7O6NA1GA1MO1K2E4E5ME5E55E6
scroll | fixed | inherit scroll すべてのエレメント

しない

 
'background-color'
 
L1L2N4
N6N7O6NA1GA1MO1K2E3E4E5ME5E55E6
<color> | transparent | inherit transparent すべてのエレメント

しない

 
'background-image'
 
L1L2N4N6N7O6NA1GA1MO1K2E4E5ME5E55E6

<url>L1
<uri>L2
| none |inherit

none すべてのエレメント

しない

 
'background-position'
 
L1L2N6N7O6NA1GA1MO1K2E4E5ME5E55E6
[ [<percentage> | <length> ]{1,2} | [ [top | center | bottom] || [left | center | right] ] ] |inherit 0% 0%

ブロックレベルエレメントと互換エレメント

しない

そのエレメント自身との相対値
'background-repeat'
 
L1L2N4N6N7O6NA1GA1MO1K2E4E5ME5E55E6
repeat | repeat-x | repeat-y | no-repeat | inherit repeat すべてのエレメント 

しない

 
'border'
 
L1L2N6N7O6NA1GA1MO1K2E4E5ME5E55E6
[ 'border-width' || 'border-style' || <color> ] | inherit

定義なしL1
各属性の初期値L2

すべてのエレメント

しない

 
'border-collapse'
 
L2
N6N7O6E5E55E6
collapse | separate | inherit collapse

テーブルエレメント

する  
'border-color'
 
L1L2N4N6N7O6NA1GA1MO1K2E4E5ME5E55E6
<color>{1,4} | transparent | inherit

color属性の値L1
各属性の初期値L2

すべてのエレメント

しない

 
'border-style'
 
L1L2N4N6N7O6NA1GA1MO1K2E4E5ME5E55E6

[ none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outse ]{1,4}L2 | inherit

noneL1
各属性の初期値L2

すべてのエレメント

しない

 
'border-top' 'border-right' 'border-bottom' 'border-left'
 
L1L2
N6N7O6NA1GA1MO1K2E4E5ME5E55E6
 
[ 'border-width' || 'border-style' || <color> ] | inherit

定義なしL1
各属性の初期値L2

すべてのエレメント

しない

 
'border-top-style' 'border-right-style' 'border-bottom-style' 'border-left-style'
 
L2N4N6E4E5ME5E55
<border-style> | inherit none すべてのエレメント

しない

 
'border-top-width' 'border-right-width' 'border-bottom-width' 'border-left-width'
 
L1L2N4N6N7O6NA1GA1MO1K2E4E5ME5E55E6
<border-width> | inherit medium すべてのエレメント

しない

 
'border-width'
 
L1L2N4N6N7O6NA1GA1MO1K2E4E5ME5E55E6

[ thin | medium | thick | <length> ]{1,4} | inherit

無しL1
各属性の初期値L2

すべてのエレメント

しない

 
'bottom'
 
L2N6N7O6NA1GA1MO1K2E5ME5E55E6
<length> | <percentage> | auto | inherit auto

位置指定されるエレメント

しない

親エレメントの高さ
'clear'
 
L1L2N4N6N7O6NA1GA1MO1K2E4E5ME5E55E6
none | left | right | both | inherit none

すべてのエレメントL1
ブロックレベルエレメントL2

しない

 
'clip'
 
L2N6N7NA1GA1MO1E4E5ME5E55E6

<shape> | auto | inherit

auto

ブロックレベルエレメントと互換エレメント

しない

 
'color'
 
L1L2N4N6N7O6NA1GA1MO1K2E3E4E5ME5E55E6
<color> | inherit

ブラウザの固有値

すべてのエレメント する  
'cursor'
 
L2N6N7NA1GA1MO1K2E4E5ME5E55E6
[ [ <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'
 
L2N6N7NA1GA1MO1K2E5E55E6
ltr | rtl | inherit ltr

すべてのエレメント

する  
'display'
 
L1L2N4N6N7O6NA1GA1MO1K2E4E5ME5E55E6
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'
 
L1L2N4N6N7O6NA1GA1MO1K2E4E5ME5E55E6
left | right | none | inherit none

すべてのエレメント

しない

 
'font'
 
L1L2N6N7O6NA1GA1MO1K2E3E4E5ME5E55E6
[ [ 'font-style' || 'font-variant' || 'font-weight' ]? 'font-size' [ / 'line-height' ]? 'font-family' ] | caption | icon | menu | message-box | small-caption | status-bar | inherit

定義なしL1
各属性の初期値L2

すべてのエレメント する font-sizeは親エレメント、
line-heightはエレメント自身のフォントサイズ
'font-family'
 
L1L2N4N6N7O6K2E3E4E5ME5E55E6
[[ <family-name> | <generic-family> ],]* [<family-name> | <generic-family>] | inherit

ブラウザの固有値

すべてのエレメント する  
'font-size'
 
L1L2N4N6N7O6NA1GA1MO1K2E3E4E5ME5E55E6

<absolute-size> | <relative-size> | <length> | <percentage> | inherit

medium すべてのエレメント  する 親エレメントとの相対サイズ
'font-style'
 
L1L2N4N6N7O6NA1GA1MO1K2E3E4E5ME5E55E6
normal | italic | oblique | inherit normal すべてのエレメント  する  
'font-variant'
 
L1L2N6N7O6NA1GA1MO1E4E5ME5E55E6
normal | small-caps | inherit normal すべてのエレメント  する  
'font-weight'
 
L1L2N4N6N7O6NA1GA1MO1K2E3E4E5ME5E55E6
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit normal すべてのエレメント する  
'height'
 
L1L2N6N7O6NA1GA1MO1K2E4E5ME5E55E6

<length> | <percentage> | auto | inherit

auto

ブロックレベルエレメントと互換エレメントL1
すべてのエレメント、非互換インラインエレメント、table columns(col)、column groups(colgroup)L2

しない

親エレメントの高さ
'left'
 
L2N4N6N7O6NA1GA1MO1K2E4E5ME5E55E6
<length> | <percentage> | auto | inherit auto

位置指定されるエレメント

しない

親エレメントの幅
'letter-spacing'
 
L1L2N6N7O6NA1GA1MO1E4E5ME5E55E6
normal | <length> | inherit normal すべてのエレメント  する  
'line-height'
 
L1L2N4N6N7O6NA1GA1MO1K2E3E4E5ME5E55E6
normal | <number> | <length> | <percentage> | inherit normal すべてのエレメント  する エレメント自身のフォントサイズ
'list-style'
 
L1L2N4N6N7O6NA1GA1MO1K2E4E5ME5E55E6
[ 'list-style-type' || 'list-style-position' || 'list-style-image' ] | inherit

定義なし

display属性の値がlist-itemのエレメント(リストアイテムエレメント)

する  
'list-style-image'
 
L1L2N6N7O6NA1GA1MO1K2E4E5ME5E55E6

<url>L1
<uri>L2 | none | inherit

none

display属性の値がlist-itemのエレメント(リストアイテムエレメント)

する  
'list-style-position'
 
L1L2N6N7O6NA1GA1MO1K2E4E5ME5E55E6
inside | outside | inherit outside

display属性の値がlist-itemのエレメント(リストアイテムエレメント)

する  
'list-style-type'
 
L1L2N4N6N7O6NA1GA1MO1K2E3E4E5ME5E55E6
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'
 
L1L2
N4N6N7O6NA1GA1MO1K2E3E4E5ME5E55E6

[ <length> |
<percentage> ]{1,4} |
autoL1 | inherit

定義なし

すべてのエレメント 

しない

親エレメントの幅
'margin-top' 'margin-right' 'margin-bottom' 'margin-left'
 
L1L2
N4N6N7O6NA1GA1MO1K2E3E4E5ME5E55E6

<length> |
<percentage> |
autoL1 | inherit

0 すべてのエレメント 

しない

親エレメントの幅
'overflow'
 
L2N6N7NA1GA1MO1K2E4E5ME5E55E6
visible | hidden | scroll | auto | inherit visible

ブロックレベルエレメントと互換エレメント

しない

 
'padding'
 
L1L2
N4N6N7O6NA1GA1MO1K2E4E5ME5E55E6

[ <length> |
<percentage ]{1,4} | inherit

定義なし

すべてのエレメント 

しない

親エレメントの幅
'padding-top' 'padding-right' 'padding-bottom' 'padding-left'
 
L1L2N4N6N7O6NA1GA1MO1K2E4E5ME5E55E6

<length> |
<percentage> | inherit

0 すべてのエレメント

しない

親エレメントの幅
'page-break-after'
 
L2E5ME5E55E6
auto | always | avoid | left | right | inherit auto

ブロックレベルエレメント

しない

 
'page-break-before'
 
L2E5ME5E55E6
auto | always | avoid | left | right | inherit auto

ブロックレベルエレメント

しない

 
'position'
 
L2N4N6N7O6NA1GA1MO1K2E4E5ME5E55E6
static | relative | absolute | fixed | inherit static

生成されたコンテント以外のすべてのエレメント

しない

 
'right'
 
L2N4N6N7O6NA1GA1MO1K2E4E5ME5E55E6
<length> | <percentage> | auto | inherit auto

位置指定されるエレメント

しない

親エレメントの幅
'table-layout'
 
L2E5E55E6
auto | fixed | inherit auto

テーブルエレメント

しない

 
'text-align'
 
L1L2N4N6N7O6NA1GA1MO1K2E3E4E5ME5E55E6
left | right | center | justify | inherit

ブラウザの固有値

ブロックレベルエレメント

する  
'text-decoration'
 
L1L2N4N6N7O6NA1GA1MO1K2E3E4E5ME5E55E6
none | [ underline || overline || line-through || blink ] | inherit none すべてのエレメント

しない

 
'text-indent'
 
L1L2N4N6N7O6NA1GA1MO1K2E3E4E5ME5E55E6

<length> | <percentage> | inherit

0

ブロックレベルエレメント

する エレメント自身の幅
'text-transform'
 
L1L2N6N7O6NA1GA1MO1K2E4E5ME5E55E6
capitalize | uppercase | lowercase | none | inherit none すべてのエレメント  する  
'top'
 
L2N4N6N7O6NA1GA1MO1K2E4E5ME5E55E6
<length> | <percentage> | auto | inherit auto

位置指定されるエレメント

しない

親エレメントの高さ
'unicode-bidi'
 
L2N6N7NA1GA1MO1K2E5E55E6
normal | embed | bidi-override | inherit normal

すべてのエレメント

しない

 
'vertical-align'
 
L1L2N4N6N7O6NA1GA1MO1K2E4E5ME5E55E6
baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit baseline

インラインエレメントとテーブルセルエレメント

しない

エレメント自身のline-heightを基準
'visibility'
 
L2N6N7O6NA1GA1MO1K2E4E5ME5E55E6
visible | hidden | collapse | inherit inherit

すべてのエレメント 

しない

 
'white-space'
 
L1L2N4N6N7O6NA1GA1MO1ME5
normal | pre | nowrap | inherit normal ブロックレベルエレメント する  
'width'
 
L1L2N4N6N7O6NA1GA1MO1K2E4E5ME5E55E6
<length> | <percentage> | auto | inherit auto

ブロックレベルエレメントと互換エレメントL1
すべてのエレメント、非互換インラインエレメント、table columns(col)、column groups(colgroup)L2

しない

親エレメントの幅
'z-index'
 
L2N4N6N7O6NA1GA1MO1K2E4E5ME5E55E6
auto | 数値(整数) | inherit auto

位置指定されるエレメント

しない

 


Copyright (C) pokochan 2000-2005
http://www.tees.ne.jp/~pokochan/style/property_index.html
E-mailpokochan@mx1.tees.ne.jp