CSS
2.1 「プロパティ一覧表」 |
|
|
|
表内の文字はリンクがつながっていません。下記 URL より全てを参照してください。 |
|
http://www.w3.org/TR/CSS21/propidx.html |
|
|
|
プロパティ |
値 |
初期値 |
メディアグループ |
'azimuth' |
<angle> | [[ left-side |
far-left | left | center-left | center | center-right | right | far-right |
right-side ] || behind ] | leftwards | rightwards | inherit |
center |
aural(聴覚) |
'background-attachment' |
scroll | fixed | inherit |
scroll |
visual(視覚) |
'background-color' |
<color> | transparent |
inherit |
transparent(透過) |
visual(視覚) |
'background-image' |
<uri> | none | inherit |
none |
visual(視覚) |
'background-position' |
[ [ <percentage> |
<length> | left | center | right ] [ <percentage> |
<length> | top | center | bottom ]? ] | [ [ left | center | right ] ||
[ top | center | bottom ] ] | inherit |
0% 0% |
visual(視覚) |
'background-repeat' |
repeat | repeat-x | repeat-y |
no-repeat | inherit |
repeat |
visual(視覚) |
'background' |
['background-color' ||
'background-image' || 'background-repeat' || 'background-attachment' ||
'background-position'] | inherit |
各プロパティの値 |
visual(視覚) |
'border-collapse' |
collapse | separate | inherit |
separate |
visual(視覚) |
'border-color' |
[ <color> | transparent
]{1,4} | inherit |
各プロパティの値 |
visual(視覚) |
'border-spacing' |
<length> <length>? |
inherit |
0 |
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-top-color'
'border-right-color' 'border-bottom-color' 'border-left-color' |
<color> | transparent |
inherit |
color'
のプロパティの値 |
visual(視覚) |
'border-top-style'
'border-right-style' 'border-bottom-style' 'border-left-style' |
<border-style> | inherit |
none |
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' |
[ <border-width> ||
<border-style> || 'border-top-color' ] | inherit |
各プロパティの値 |
visual(視覚) |
'bottom' |
<length> |
<percentage> | auto | inherit |
auto |
visual(視覚) |
'caption-side' |
top | bottom | inherit |
top |
visual(視覚) |
'clear' |
none | left | right | both | inherit |
none |
visual(視覚) |
'clip' |
<shape> | auto | inherit |
auto |
visual(視覚) |
'color' |
<color> | inherit |
ユーザ環境に従う |
visual(視覚) |
'content' |
normal | [ <string> |
<uri> | <counter> | attr(<identifier>) | open-quote |
close-quote | no-open-quote | no-close-quote ]+ | inherit |
normal |
all(全て) |
'counter-increment' |
[ <identifier>
<integer>? ]+ | none | inherit |
none |
all(全て) |
'counter-reset' |
[ <identifier>
<integer>? ]+ | none | inherit |
none |
all(全て) |
'cue-after' |
<uri> | none | inherit |
none |
aural(音声) |
'cue-before' |
<uri> | none | inherit |
none |
aural(音声) |
'cue' |
[ 'cue-before' || 'cue-after' ]
| inherit |
各プロパティの値 |
aural(音声) |
'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(双方向) |
'direction' |
ltr | rtl | inherit |
ltr |
visual(視覚) |
'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(全て) |
'elevation' |
<angle> | below | level |
above | higher | lower | inherit |
level |
aural(聴覚) |
'empty-cells' |
show | hide | inherit |
show |
visual(視覚) |
'float' |
left | right | none | inherit |
none |
visual(視覚) |
'font-family' |
[[ <family-name> |
<generic-family> ] [, <family-name>| <generic-family>]* ] |
inherit |
ユーザ環境に従う |
visual(視覚) |
'font-size' |
<absolute-size> |
<relative-size> | <length> | <percentage> | inherit |
medium |
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' |
[ [ 'font-style' ||
'font-variant' || 'font-weight' ]? 'font-size' [ / 'line-height' ]?
'font-family' ] | caption | icon | menu | message-box | small-caption |
status-bar | inherit |
各プロパティの値 |
visual(視覚) |
'height' |
<length> |
<percentage> | auto | inherit |
auto |
visual(視覚) |
'left' |
<length> |
<percentage> | auto | inherit |
auto |
visual(視覚) |
'letter-spacing' |
normal | <length> |
inherit |
normal |
visual(視覚) |
'line-height' |
normal | <number> |
<length> | <percentage> | inherit |
normal |
visual(視覚) |
'list-style-image' |
<uri> | none | inherit |
none |
visual(視覚) |
'list-style-position' |
inside | outside | inherit |
outside |
visual(視覚) |
'list-style-type' |
disc | circle | square | decimal |
decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin
| upper-latin | armenian | georgian | none | inherit |
disc |
visual(視覚) |
'list-style' |
[ 'list-style-type' ||
'list-style-position' || 'list-style-image' ] | inherit |
各プロパティの値 |
visual(視覚) |
'margin-right'
'margin-left' |
<margin-width> | inherit |
0 |
visual(視覚) |
'margin-top'
'margin-bottom' |
<margin-width> | inherit |
0 |
visual(視覚) |
'margin' |
<margin-width>{1,4} |
inherit |
各プロパティの値 |
visual(視覚) |
'max-height' |
<length> |
<percentage> | none | inherit |
none |
visual(視覚) |
'max-width' |
<length> |
<percentage> | none | inherit |
none |
visual(視覚) |
'min-height' |
<length> |
<percentage> | inherit |
0 |
visual(視覚) |
'min-width' |
<length> |
<percentage> | inherit |
0 |
visual(視覚) |
'orphans' |
<integer> | inherit |
2 |
visual(視覚), paged(ページ) |
'outline-color' |
<color> | invert | inherit |
invert |
visual(視覚), interactive(双方向) |
'outline-style' |
<border-style> | inherit |
none |
visual(視覚), interactive(双方向) |
'outline-width' |
<border-width> | inherit |
medium |
visual(視覚), interactive(双方向) |
'outline' |
[ 'outline-color' ||
'outline-style' || 'outline-width' ] | inherit |
各プロパティの値 |
visual(視覚), interactive(双方向) |
'overflow' |
visible | hidden | scroll | auto |
inherit |
visible |
visual(視覚) |
'padding-top'
'padding-right' 'padding-bottom' 'padding-left' |
<padding-width> | inherit |
0 |
visual(視覚) |
'padding' |
<padding-width>{1,4} |
inherit |
各プロパティの値 |
visual(視覚) |
'page-break-after' |
auto | always | avoid | left | right |
inherit |
auto |
visual, paged |
'page-break-before' |
auto | always | avoid | left | right |
inherit |
auto |
visual, paged |
'page-break-inside' |
avoid | auto | inherit |
auto |
visual, paged |
'pause-after' |
<time> |
<percentage> | inherit |
0 |
aural(聴覚) |
'pause-before' |
<time> |
<percentage> | inherit |
0 |
aural(聴覚) |
'pause' |
[ [<time> |
<percentage>]{1,2} ] | inherit |
各プロパティの値 |
aural(聴覚) |
'pitch-range' |
<number> | inherit |
50 |
aural(聴覚) |
'pitch' |
<frequency> | x-low | low
| medium | high | x-high | inherit |
medium |
aural(聴覚) |
'play-during' |
<uri> [ mix || repeat ]? |
auto | none | inherit |
auto |
aural(聴覚) |
'position' |
static | relative | absolute | fixed |
inherit |
static |
visual(視覚) |
'quotes' |
[<string> <string>]+
| none | inherit |
ユーザ環境に従う |
visual(視覚) |
'richness' |
<number> | inherit |
50 |
aural(聴覚) |
'right' |
<length> |
<percentage> | auto | inherit |
auto |
visual |
'speak-header' |
once | always | inherit |
once |
aural(聴覚) |
'speak-numeral' |
digits | continuous | inherit |
continuous |
aural(聴覚) |
'speak-punctuation' |
code | none | inherit |
none |
aural(聴覚) |
'speak' |
normal | none | spell-out | inherit |
normal |
aural(聴覚) |
'speech-rate' |
<number> | x-slow | slow |
medium | fast | x-fast | faster | slower | inherit |
medium |
aural(聴覚) |
'stress' |
<number> | inherit |
50 |
aural(聴覚) |
'table-layout' |
auto | fixed | inherit |
auto |
visual(視覚) |
'text-align' |
left | right | center | justify |
inherit |
ltr' のとき 'left'、'rtl' のとき 'right' |
visual(視覚) |
'text-decoration' |
none | [ underline || overline ||
line-through || blink ] | inherit |
none |
visual(視覚) |
'text-indent' |
<length> |
<percentage> | inherit |
0 |
visual(視覚) |
'text-transform' |
capitalize | uppercase | lowercase |
none | inherit |
none |
visual(視覚) |
'top' |
<length> |
<percentage> | auto | inherit |
auto |
visual(視覚) |
'unicode-bidi' |
normal | embed | bidi-override |
inherit |
normal |
visual(視覚) |
'vertical-align' |
baseline | sub | super | top |
text-top | middle | bottom | text-bottom | <percentage> |
<length> | inherit |
baseline |
visual(視覚) |
'visibility' |
visible | hidden | collapse | inherit |
visible |
visual(視覚) |
'voice-family' |
[[<specific-voice> |
<generic-voice> ],]* [<specific-voice> | <generic-voice> ]
| inherit |
ユーザ環境に従う |
aural(聴覚) |
'volume' |
<number> |
<percentage> | silent | x-soft | soft | medium | loud | x-loud |
inherit |
medium |
aural(聴覚) |
'white-space' |
normal | pre | nowrap | pre-wrap |
pre-line | inherit |
normal |
visual(視覚) |
'widows' |
<integer> | inherit |
2 |
visual(視覚), paged(ページ) |
'width' |
<length> |
<percentage> | auto | inherit |
auto |
visual(視覚) |
'word-spacing' |
normal | <length> |
inherit |
normal |
visual(視覚) |
'z-index' |
auto | <integer> | inherit |
auto |
visual(視覚) |
|
|
|
|