| Box model |
| margin-top |
上部マージン |
margin-top:(<length> | <percentage> | auto | inherit); |
| margin-right |
右部マージン |
margin-right:(<length> | <percentage> | auto | inherit); |
| margin-bottom |
下部マージン |
margin-bottom:(<length> | <percentage> | auto | inherit); |
| margin-left |
左部マージン |
margin-left:(<length> | <percentage> | auto | inherit); |
| margin |
マージン一括 |
margin:(<length> | <percentage> | auto | inherit){1,4}; |
| padding-top |
上部パディング |
padding-top:(<length> | <percentage> | inherit); |
| padding-right |
右部パディング |
padding-right:(<length> | <percentage> | inherit); |
| padding-bottom |
下部パディング |
padding-bottom:(<length> | <percentage> | inherit); |
| padding-left |
左部パディング |
padding-left:(<length> | <percentage> | inherit); |
| padding |
パディング一括 |
padding:(<length> | <percentage> | inherit){1,4}; |
| border-top-width |
上部境界線の幅 |
border-top-width:(thin | medium | thick | <length> | inherit); |
| border-right-width |
右部境界線の幅 |
border-right-width:(thin | medium | thick | <length> | inherit); |
| border-bottom-width |
下部境界線の幅 |
border-bottom-width:(thin | medium | thick | <length> | inherit); |
| border-left-width |
左部境界線の幅 |
border-left-width:(thin | medium | thick | <length> | inherit); |
| border-width |
境界線の幅一括 |
border-width:(thin | medium | thick | <length> | inherit){1,4}; |
| border-top-color |
上部境界線の色 |
border-top-color:(<color> | inherit); |
| border-right-color |
右部境界線の色 |
border-right-color:(<color> | inherit); |
| border-bottom-color |
下部境界線の色 |
border-bottom-color:(<color> | inherit); |
| border-left-color |
左部境界線の色 |
border-left-color:(<color> | inherit); |
| border-color |
境界線の色一括 |
border-color:(<color> | inherit){1,4}; |
| border-top-style |
上部境界線の形状 |
border-top-style:(none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit); |
| border-right-style |
右部境界線の形状 |
border-right-style:(none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit); |
| border-bottom-style |
下部境界線の形状 |
border-bottom-style:(none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit); |
| border-left-style |
左部境界線の形状 |
border-left-style:(none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit); |
| border-style |
境界線の形状一括 |
border-style:(none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit){1,4}; |
| border-top |
上部境界線 |
border-top:(["border-style" | | "border-width" | | <color>] | inherit); |
| border-right |
右部境界線 |
border-right:(["border-style" | | "border-width" | | <color>] | inherit); |
| border-bottom |
下部境界線 |
border-bottom:(["border-style" | | "border-width" | | <color>] | inherit); |
| border-left |
左部境界線 |
border:(["border-style" | | "border-width" | | <color>] | inherit); |
| border |
境界線一括 |
border:(["border-style" | | "border-width" | | <color>] | inherit); |
| Visual formatting model |
| display |
表示方法 |
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)} |
| position |
位置決定アルゴリズム |
position:(static | relative | absolute | fixed | inherit); |
| top |
上端位置 |
top:(<length> | <percentage> | auto | inherit); |
| right |
右端位置 |
right:(<length> | <percentage> | auto | inherit); |
| bottom |
下端位置 |
bottom:(<length> | <percentage> | auto | inherit); |
| left |
左端位置 |
left:(<length> | <percentage> | auto | inherit); |
| float |
浮動位置 |
float:(left | right | none | inherit); |
| clear |
以前に存在するものと接しない境界 |
clear:(none | left | right | both | inherit); |
| z-index |
重なり順 |
z-index:(auto | <integer> | inherit); |
| Visual formatting model details |
| width |
幅 |
width:(<length> | <percentage> | auto | inherit); |
| min-width |
最小の幅 |
min-width:(<length> | <percentage> | inherit); |
| max-width |
最大の幅 |
max-width:(<length> | <percentage> | inherit); |
| height |
高さ |
height:(<length> | <percentage> | auto | inherit); |
| min-height |
最小の高さ |
min-height:(<length> | <percentage> | inherit); |
| max-height |
最大の高さ |
max-height:(<length> | <percentage> | inherit); |
| line-height |
行の高さ |
line-height:(normal | <number> | <length> | <percentage> | inherit); |
| vertical-align |
行ボックス内での縦方向の位置 |
vertical-align:(baseline | sub | super | top | text-top | middle | bottom | text-bottom | <length> | <percentage> | inherit); |
| Visual effects |
| overflow |
ボックスからあふれたものの処理 |
overflow:(visible | hidden | scroll | auto | inherit); |
| clip |
ボックス内の表示される領域 |
clip:(<shape> | auto | inherit); |
| visibility |
可視性 |
visibility:(visible | hidden | collapseinherit); |
| Generated content, automatic numbering, and lists |
| marker-offset |
マーカーとリスト項目の間隔 |
marker-offset:(<length> | auto | inherit); |
| list-style-type |
マーカーの形状 |
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); |
| list-style-image |
マーカーの画像 |
list-style-image:(<uri> | none | inherit); |
| list-style-position |
マーカーとリスト項目の位置関係 |
list-style-position:(inside | outside | inherit); |
| list-style |
マーカー一括 |
list-style:(["list-style-type" | | "list-style-image" | | "list-style-position"] | inherit); |
| Colors and Backgrounds |
| color |
前景色 |
color:(<color> | inherit); |
| background-color |
背景色 |
background-color:(<color> | transparent | inherit); |
| background-image |
背景画像 |
background-image:(<uri> | none | inherit); |
| background-repeat |
背景画像の繰り返し |
background-repeat:(repeat | repeat-x | repeat-y | no-repeat | inherit); |
| background-attachment |
背景画像のスクロール |
background-attachment:(scroll | fixed | inherit); |
| background-position |
背景画像の位置 |
background-position:([[<length> | <percentage>]{1,2} | [[top | center | bottom] | | [left | center | right]]] | inherit); |
| background |
背景一括 |
background:(["background-color" | | "background-image" | | "background-repeat" | | "background-attachment" | | "background-position"] | inherit); |
| Fonts |
| font-family |
フォントの種類 |
font-family:([<family-name> | <generic-family>,]*[<family-name> | <generic-family>] | inherit); |
| font-style |
フォントの形状 |
font-style:(normal | italic | oblique | inherit); |
| font-variant |
スモールキャップフォント |
font-variant:(normal | small-caps | inherit); |
| font-weight |
フォントのウェイト |
font-weight:(normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit); |
| font-stretch |
フォントの幅 |
font-stretch:(normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit); |
| font-size |
フォントサイズ |
font-size:([xx-small | x-small | small | medium | large | x-large | xx-large] | [larger | smaller] | <length> | <percentage> | inherit); |
| font-size-adjust |
フォントのスケール倍率 |
font-size-adjust:(<number> | none | inherit); |
| font |
フォント一括 |
font:([["font-style" | | "font-variant" | | "font-weight"]?"font-size"[/"line-height"]?"font-family"] | caption | icon | menu | message-box | small-caption | status-bar | inherit); |
| Text |
| text-indent |
字下げ |
text-indent:(<length> | <percentage> | inherit); |
| text-align |
テキスト配置 |
text-align:(left | right | center | justify | <string< | inherit); |
| text-decoration |
テキスト装飾 |
text-decoration:(none | underline | overline | line-through | blink | inherit); |
| text-shadow |
テキストの影 |
text-shadow:(none | [<color> | | <length> <length> <length>?,]* [<color> | | <length> <length> <length>?] | inherit); |
| letter-spacing |
文字同士の間隔 |
letter-spacing:(normal | <length> | inherit); |
| word-spacing |
単語同士の間隔 |
word-spacing:(normal | <length> | inherit); |
| text-transform |
大文字化 |
text-transform:(capitalize | uppercase | lowercase | none | inherit); |
| white-space |
空白の処理方法 |
white-space:(normal | pre | nowrap | inherit); |
| Tables |
| table-layout |
テーブルのレイアウトアルゴリズム |
table-layout:(auto | fixed | inherit); |
| empty-cells |
空のセルの処理方法 |
empty-cells:(show | hide | inherit); |
| User interface |
| cursor |
カーソル形状 |
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); |