CSS 属性参考资料表

80酷酷网    80kuku.com

  css|参考

字型
性質名稱可用值作用範圍是否可繼承%百分比

[[<family-name> | <generic-family>],]* [<family-name> | <generic-family>]

預設值:依瀏覽器而定

所有元素    是不可使用
normal | italic | oblique所有元素    是不可使用
normal | small-caps所有元素    是不可使用
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900所有元素    是不可使用
<absolute-size> | <relative-size> | <length> | <percentage>

預設值:medium

所有元素    是相對於親元素的字形尺寸

(簡寫性質)
[<font-style> || <font-variant> || <font-weight>]? <font-size> [/<line-height>]? <font-family>

預設值:未定義

所有元素    是可使用在 <font-size> 與 <line-height> 兩部分
 
顏色與背景
性質名稱可用值作用範圍是否可繼承%百分比
<color>

預設值:依瀏覽器而定

所有元素    是不可使用
transparent | <color>所有元素    否不可使用
none | <url>所有元素    否不可使用
repeat | repeat-x | repeat-y | no-repeat所有元素    否不可使用
scroll | fixed所有元素    否不可使用
[<percentage> | <length>]{1,2} | [top | center | bottom] || [left | center | right]

預設值:0% 0%

區塊等級與替代元素    否相對於該元素本身的尺寸大小

(簡寫性質)
<background-color> || <background-image> || <background-repeat> || <background-attachment> || <background-position>

預設值:未定義

所有元素    否可使用在 <background-
position>
 
文字
性質名稱可用值作用範圍是否可繼承%百分比
normal | <length>所有元素    是不可使用
normal | <length>所有元素    是不可使用
none | [underline || overline || line-through || blink]

預設值:none

所有元素    否不可使用
baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage>行內元素    否相對於該元素本身的行高
none | capitalize | uppercase | lowercase所有元素    是不可使用
left | right | center | justify

預設值:依瀏覽器而定

區塊等級元素    是不可使用
<length> | <percentage>

預設值:0

區塊等級元素    是相對於親元素的寬度
normal | <number> | <length> | <percentage>所有元素    是相對於該元素本身的字型尺寸大小
 
區塊
性質名稱可用值作用範圍是否可繼承%百分比
<length> | <percentage> | auto

預設值:0

所有元素    否相對於親元素的寬度
<length> | <percentage> | auto

預設值:0

所有元素    否相對於親元素的寬度
<length> | <percentage> | auto

預設值:0

所有元素    否相對於親元素的寬度
<length> | <percentage> | auto

預設值:0

所有元素    否相對於親元素的寬度

(簡寫性質)
[<length> | <percentage> | auto]{1,4}

預設值:未定義

所有元素    否相對於親元素的寬度
<length> | <percentage>

預設值:0

所有元素    否相對於親元素的寬度
<length> | <percentage>

預設值:0

所有元素    否相對於親元素的寬度
<length> | <percentage>

預設值:0

所有元素    否相對於親元素的寬度
<length> | <percentage>

預設值:0

所有元素    否相對於親元素的寬度
[<length> | <percentage>]{1,4}

預設值:0

所有元素    否相對於親元素的寬度
medium | thin | thick | <length>所有元素    否不可使用
medium | thin | thick | <length>所有元素    否不可使用
medium | thin | thick | <length>所有元素    否不可使用
medium | thin | thick | <length>所有元素    否不可使用

(簡寫性質)
[thin | medium | thick | <length>]{1,4}

預設值:未定義

所有元素    否不可使用
<color>{1,4}

預設值:「color」性質的值

所有元素    否不可使用
none | dotted | dashed | solid | double | groove | ridge | inset | outset所有元素    否不可使用

(簡寫性質)
<border-top-width> || <border-style> || <color>

預設值:未定義

所有元素    否不可使用

(簡寫性質)
<border-right-width> || <border-style> || <color>

預設值:未定義

所有元素    否不可使用

(簡寫性質)
<border-bottom-width> || <border-style> || <color>

預設值:未定義

所有元素    否不可使用

(簡寫性質)
<border-left-width> || <border-style> || <color>

預設值:未定義

所有元素    否不可使用

(簡寫性質)
<border-width> || <border-style> || <color>

預設值:未定義

所有元素    否不可使用
auto | <length> | <percentage>區塊等級與替代元素    否相對於親元素的寬度
auto | <length>區塊等級與替代元素    否不可使用
none | left | right所有元素    否不可使用
none | left | right | both所有元素    否不可使用
 
分類
性質名稱可用值作用範圍是否可繼承%百分比
block | inline | list-item | none所有元素    否不可使用
normal | pre | nowrap區塊等級元素    是不可使用
disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none所有「display」性質的值是「list-item」的元素    是不可使用
none | <url>所有「display」性質的值是「list-item」的元素    是不可使用
outside | inside所有「display」性質的值是「list-item」的元素    是不可使用

(簡寫性質)
<keyword> || <position> || <url>

預設值:未定義

所有「display」性質的值是「list-item」的元素    是不可使用
 
定位
性質名稱可用值作用範圍是否可繼承%百分比
static | absolute | relative所有元素    否不可使用
auto | <length> | <percentage>所有「position」性質的值是「absolute」或者「relative」的元素    否相對於親元素的寬度與高度。如果親元素的高度的值是「auto」,則百分比型式的值視為未定義
auto | <length> | <percentage>所有「position」性質的值是「absolute」或者「relative」的元素    否相對於親元素的寬度與高度。如果親元素的高度的值是「auto」,則百分比型式的值視為未定義
auto | <integer>所有可定位的元素    否不可使用
auto | <length> | <percentage>區塊等級與替代元素,以及所有「position」性質的值是「absolute」的元素    否相對於親元素的寬度與高度。如果親元素的高度的值是「auto」,則百分比型式的值視為未定義
auto | <length> | <percentage>區塊等級與替代元素,以及所有「position」性質的值是「absolute」的元素    否相對於親元素的寬度與高度。如果親元素的高度的值是「auto」,則百分比型式的值視為未定義
auto | <shape>所有「position」性質的值是「absolute」的元素    否不可使用
visible | hidden | scroll | auto所有「position」性質的值是「absolute」的元素    否不可使用
inherit | visible | hidden所有元素如果此性質的值是「inherit」,便繼承親元素的值,否則此性質沒有可繼承性不可使用


分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: