当前位置导航:炫浪网>>网络学院>>网页制作>>HTML与CSS教程

CSS 属性参考资料表

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

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」,便繼承親元素的值,否則此性質沒有可繼承性 不可使用
相关内容
赞助商链接