| 字型 |
| 性質名稱 |
可用值 |
作用範圍 |
是否可繼承 |
%百分比 |
|
| font-family |
[[<family-name> <generic-family>],]* [<family-name> <generic-family>]
預設值：依瀏覽器而定 |
所有元素 |
是 |
不可使用 |
| font-style |
normal italic oblique |
所有元素 |
是 |
不可使用 |
| font-variant |
normal small-caps |
所有元素 |
是 |
不可使用 |
| font-weight |
normal bold bolder lighter 100 200 300 400 500 600 700 800 900 |
所有元素 |
是 |
不可使用 |
| font-size |
<absolute-size> <relative-size> <length> <percentage>
預設值：medium |
所有元素 |
是 |
相對於親元素的字形尺寸 |
font
(簡寫性質) |
[<font-style> <font-variant> <font-weight>]? <font-size> [/<line-height>]? <font-family>
預設值：未定義 |
所有元素 |
是 |
可使用在 <font-size> 與 <line-height> 兩部分 |
| |
| 顏色與背景 |
| 性質名稱 |
可用值 |
作用範圍 |
是否可繼承 |
%百分比 |
| color |
<color>
預設值：依瀏覽器而定 |
所有元素 |
是 |
不可使用 |
| background-color |
transparent <color> |
所有元素 |
否 |
不可使用 |
| background-image |
none <url> |
所有元素 |
否 |
不可使用 |
| background-repeat |
repeat repeat-x repeat-y no-repeat |
所有元素 |
否 |
不可使用 |
| background-attachment |
scroll fixed |
所有元素 |
否 |
不可使用 |
| background-position |
[<percentage> <length>]{1,2} [top center bottom] [left center right]
預設值：0% 0% |
區塊等級與替代元素 |
否 |
相對於該元素本身的尺寸大小 |
background
(簡寫性質) |
<background-color> <background-image> <background-repeat> <background-attachment> <background-position>
預設值：未定義 |
所有元素 |
否 |
可使用在 <background-
position> |
| |
| 文字 |
| 性質名稱 |
可用值 |
作用範圍 |
是否可繼承 |
%百分比 |
| word-spacing |
normal <length> |
所有元素 |
是 |
不可使用 |
| letter-spacing |
normal <length> |
所有元素 |
是 |
不可使用 |
| text-decoration |
none [underline overline line-through blink]
預設值：none |
所有元素 |
否 |
不可使用 |
| vertical-align |
baseline sub super top text-top middle bottom text-bottom <percentage> |
行內元素 |
否 |
相對於該元素本身的行高 |
| text-transform |
none capitalize uppercase lowercase |
所有元素 |
是 |
不可使用 |
| text-align |
left right center justify
預設值：依瀏覽器而定 |
區塊等級元素 |
是 |
不可使用 |
| text-indent |
<length> <percentage>
預設值：0 |
區塊等級元素 |
是 |
相對於親元素的寬度 |
| line-height |
normal <number> <length> <percentage> |
所有元素 |
是 |
相對於該元素本身的字型尺寸大小 |
| |
| 區塊 |
| 性質名稱 |
可用值 |
作用範圍 |
是否可繼承 |
%百分比 |
| margin-top |
<length> <percentage> auto
預設值：0 |
所有元素 |
否 |
相對於親元素的寬度 |
| margin-right |
<length> <percentage> auto
預設值：0 |
所有元素 |
否 |
相對於親元素的寬度 |
| margin-bottom |
<length> <percentage> auto
預設值：0 |
所有元素 |
否 |
相對於親元素的寬度 |
| margin-left |
<length> <percentage> auto
預設值：0 |
所有元素 |
否 |
相對於親元素的寬度 |
margin
(簡寫性質) |
[<length> <percentage> auto]{1,4}
預設值：未定義 |
所有元素 |
否 |
相對於親元素的寬度 |
| padding-top |
<length> <percentage>
預設值：0 |
所有元素 |
否 |
相對於親元素的寬度 |
| padding-right |
<length> <percentage>
預設值：0 |
所有元素 |
否 |
相對於親元素的寬度 |
| padding-bottom |
<length> <percentage>
預設值：0 |
所有元素 |
否 |
相對於親元素的寬度 |
| padding-left |
<length> <percentage>
預設值：0 |
所有元素 |
否 |
相對於親元素的寬度 |
| padding |
[<length> <percentage>]{1,4}
預設值：0 |
所有元素 |
否 |
相對於親元素的寬度 |
| border-top-width |
medium thin thick <length> |
所有元素 |
否 |
不可使用 |
| border-right-width |
medium thin thick <length> |
所有元素 |
否 |
不可使用 |
| border-bottom-width |
medium thin thick <length> |
所有元素 |
否 |
不可使用 |
| border-left-width |
medium thin thick <length> |
所有元素 |
否 |
不可使用 |
border-width
(簡寫性質) |
[thin medium thick <length>]{1,4}
預設值：未定義 |
所有元素 |
否 |
不可使用 |
| border-color |
<color>{1,4}
預設值：「color」性質的值 |
所有元素 |
否 |
不可使用 |
| border-style |
none dotted dashed solid double groove ridge inset outset |
所有元素 |
否 |
不可使用 |
border-top
(簡寫性質) |
<border-top-width> <border-style> <color>
預設值：未定義 |
所有元素 |
否 |
不可使用 |
border-right
(簡寫性質) |
<border-right-width> <border-style> <color>
預設值：未定義 |
所有元素 |
否 |
不可使用 |
border-bottom
(簡寫性質) |
<border-bottom-width> <border-style> <color>
預設值：未定義 |
所有元素 |
否 |
不可使用 |
border-left
(簡寫性質) |
<border-left-width> <border-style> <color>
預設值：未定義 |
所有元素 |
否 |
不可使用 |
border
(簡寫性質) |
<border-width> <border-style> <color>
預設值：未定義 |
所有元素 |
否 |
不可使用 |
| width |
auto <length> <percentage> |
區塊等級與替代元素 |
否 |
相對於親元素的寬度 |
| height |
auto <length> |
區塊等級與替代元素 |
否 |
不可使用 |
| float |
none left right |
所有元素 |
否 |
不可使用 |
| clear |
none left right both |
所有元素 |
否 |
不可使用 |
| |
| 分類 |
| 性質名稱 |
可用值 |
作用範圍 |
是否可繼承 |
%百分比 |
| display |
block inline list-item none |
所有元素 |
否 |
不可使用 |
| white-space |
normal pre nowrap |
區塊等級元素 |
是 |
不可使用 |
| list-style-type |
disc circle square decimal lower-roman upper-roman lower-alpha upper-alpha none |
所有「display」性質的值是「list-item」的元素 |
是 |
不可使用 |
| list-style-image |
none <url> |
所有「display」性質的值是「list-item」的元素 |
是 |
不可使用 |
| list-style-position |
outside inside |
所有「display」性質的值是「list-item」的元素 |
是 |
不可使用 |
list-style
(簡寫性質) |
<keyword> <position> <url>
預設值：未定義 |
所有「display」性質的值是「list-item」的元素 |
是 |
不可使用 |
| |
| 定位 |
| 性質名稱 |
可用值 |
作用範圍 |
是否可繼承 |
%百分比 |
| position |
static absolute relative |
所有元素 |
否 |
不可使用 |
| left |
auto <length> <percentage> |
所有「position」性質的值是「absolute」或者「relative」的元素 |
否 |
相對於親元素的寬度與高度。如果親元素的高度的值是「auto」，則百分比型式的值視為未定義 |
| top |
auto <length> <percentage> |
所有「position」性質的值是「absolute」或者「relative」的元素 |
否 |
相對於親元素的寬度與高度。如果親元素的高度的值是「auto」，則百分比型式的值視為未定義 |
| z-index |
auto <integer> |
所有可定位的元素 |
否 |
不可使用 |
| width |
auto <length> <percentage> |
區塊等級與替代元素，以及所有「position」性質的值是「absolute」的元素 |
否 |
相對於親元素的寬度與高度。如果親元素的高度的值是「auto」，則百分比型式的值視為未定義 |
| height |
auto <length> <percentage> |
區塊等級與替代元素，以及所有「position」性質的值是「absolute」的元素 |
否 |
相對於親元素的寬度與高度。如果親元素的高度的值是「auto」，則百分比型式的值視為未定義 |
| clip |
auto <shape> |
所有「position」性質的值是「absolute」的元素 |
否 |
不可使用 |
| overflow |
visible hidden scroll auto |
所有「position」性質的值是「absolute」的元素 |
否 |
不可使用 |
| visibility |
inherit visible hidden |
所有元素 |
如果此性質的值是「inherit」，便繼承親元素的值，否則此性質沒有可繼承性 |
不可使用 |
精品推荐