名稱(Name) | 值(Values) | 初始值(Initial value) | 功能簡介 |
---|---|---|---|
background-color | <color> | transparent | inherit | transparent |
背景顏色 |
background-image | <uri> | none | inherit | none | 背景圖片 |
background-repeat | repeat | repeat-x | repeat-y | no-repeat | inherit | repeat | 背景圖片重複顯示 |
border-color | [ <color> | transparent ]{1,4} | inherit | see individual properties | 邊框顏色 |
border | [ <border-width> || <border-style> || 'border-top-color' ] | inherit | see individual properties | 邊框 |
color | <color> | inherit | depends on user agent | 文字顏色 |
display | inline | block | list-item | 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 | 顯示模式 |
float | left | right | none | inherit | none | 浮動 |
font-family | [[ <family-name> | <generic-family> ] [, <family-name>| <generic-family>]* ] | inherit | depends on user agent | 字型 |
font-size | <absolute-size> | <relative-size> | <length> | <percentage> | inherit | medium | 文字大小 |
font-style | normal | italic | oblique | 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 | 高度 |
left | <length> | <percentage> | auto | inherit | auto | 靠左 |
line-height | normal | <number> | <length> | <percentage> | inherit | normal | 文字列高 |
list-style-type | disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | inherit | disc | 項目符號樣式 |
<margin-width> | inherit | 0 |
右邊界 左邊界 |
|
<margin-width> | inherit | 0 |
上邊界 下邊界 |
|
margin | <margin-width>{1,4} | inherit | see individual properties | 邊界 |
max-height | <length> | <percentage> | none | inherit | none | 最大高度 |
max-width | <length> | <percentage> | none | inherit | none | 最大寬度 |
min-height | <length> | <percentage> | inherit | 0 | 最小高度 |
min-width | <length> | <percentage> | inherit | 0 | 最小寬度 |
overflow | visible | hidden | scroll | auto | inherit | visible | 溢出 |
<padding-width> | inherit | 0 |
上方填充 右方填充 下方填充 左方填充 |
|
padding | <padding-width>{1,4} | inherit | see individual properties | 填充 |
position | static | relative | absolute | fixed | inherit | static | 位置 |
right | <length> | <percentage> | auto | inherit | auto | 靠右 |
text-align | left | right | center | justify | inherit | a nameless value that acts as 'left' if 'direction' is 'ltr', 'right' if 'direction' is 'rtl' | 文字對齊 |
text-decoration | none | [ underline || overline || line-through || blink ] | inherit | none | 文字加底線 |
top | <length> | <percentage> | auto | inherit | auto | 靠上 |
vertical-align | baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit | baseline | 垂直對齊 |
visibility | visible | hidden | collapse | inherit | visible | 可見度 |
width | <length> | <percentage> | auto | inherit | auto | 寬度 |
z-index | auto | <integer> | inherit | auto | 層次 |