找回密码
 注册
搜索
热搜: 回贴

CSS 属性参考资料表

2009-12-16 01:52| 发布者: admin| 查看: 55| 评论: 0|原作者: 段誉

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



font-family[[ | ],]* [ | ]
預設值:依瀏覽器而定所有元素 是不可使用
font-stylenormal | italic | oblique所有元素 是不可使用
font-variantnormal | small-caps所有元素 是不可使用
font-weightnormal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900所有元素 是不可使用
font-size | | |
預設值:medium所有元素 是相對於親元素的字形尺寸
font
(簡寫性質)[ || || ]? [/]?
預設值:未定義所有元素 是可使用在 兩部分
 
顏色與背景
性質名稱可用值作用範圍是否可繼承%百分比
color
預設值:依瀏覽器而定所有元素 是不可使用
background-colortransparent | 所有元素 否不可使用
background-imagenone | 所有元素 否不可使用
background-repeatrepeat | repeat-x | repeat-y | no-repeat所有元素 否不可使用
background-attachmentscroll | fixed所有元素 否不可使用
background-position[ | ]{1,2} | [top | center | bottom] || [left | center | right]
預設值:0% 0%區塊等級與替代元素 否相對於該元素本身的尺寸大小
background
(簡寫性質) || || || ||
預設值:未定義所有元素 否可使用在 position>
 
文字
性質名稱可用值作用範圍是否可繼承%百分比
word-spacingnormal | 所有元素 是不可使用
letter-spacingnormal | 所有元素 是不可使用
text-decorationnone | [underline || overline || line-through || blink]
預設值:none所有元素 否不可使用
vertical-alignbaseline | sub | super | top | text-top | middle | bottom | text-bottom | 行內元素 否相對於該元素本身的行高
text-transformnone | capitalize | uppercase | lowercase所有元素 是不可使用
text-alignleft | right | center | justify
預設值:依瀏覽器而定區塊等級元素 是不可使用
text-indent |
預設值:0區塊等級元素 是相對於親元素的寬度
line-heightnormal | | | 所有元素 是相對於該元素本身的字型尺寸大小
 
區塊
性質名稱可用值作用範圍是否可繼承%百分比
margin-top | | auto
預設值:0所有元素 否相對於親元素的寬度
margin-right | | auto
預設值:0所有元素 否相對於親元素的寬度
margin-bottom | | auto
預設值:0所有元素 否相對於親元素的寬度
margin-left | | auto
預設值:0所有元素 否相對於親元素的寬度
margin
(簡寫性質)[ | | auto]{1,4}
預設值:未定義所有元素 否相對於親元素的寬度
padding-top |
預設值:0所有元素 否相對於親元素的寬度
padding-right |
預設值:0所有元素 否相對於親元素的寬度
padding-bottom |
預設值:0所有元素 否相對於親元素的寬度
padding-left |
預設值:0所有元素 否相對於親元素的寬度
padding[ | ]{1,4}
預設值:0所有元素 否相對於親元素的寬度
border-top-widthmedium | thin | thick | 所有元素 否不可使用
border-right-widthmedium | thin | thick | 所有元素 否不可使用
border-bottom-widthmedium | thin | thick | 所有元素 否不可使用
border-left-widthmedium | thin | thick | 所有元素 否不可使用
border-width
(簡寫性質)[thin | medium | thick | ]{1,4}
預設值:未定義所有元素 否不可使用
border-color{1,4}
預設值:「color」性質的值所有元素 否不可使用
border-stylenone | dotted | dashed | solid | double | groove | ridge | inset | outset所有元素 否不可使用
border-top
(簡寫性質) || ||
預設值:未定義所有元素 否不可使用
border-right
(簡寫性質) || ||
預設值:未定義所有元素 否不可使用
border-bottom
(簡寫性質) || ||
預設值:未定義所有元素 否不可使用
border-left
(簡寫性質) || ||
預設值:未定義所有元素 否不可使用
border
(簡寫性質) || ||
預設值:未定義所有元素 否不可使用
widthauto | | 區塊等級與替代元素 否相對於親元素的寬度
heightauto | 區塊等級與替代元素 否不可使用
floatnone | left | right所有元素 否不可使用
clearnone | left | right | both所有元素 否不可使用
 
分類
性質名稱可用值作用範圍是否可繼承%百分比
displayblock | inline | list-item | none所有元素 否不可使用
white-spacenormal | pre | nowrap區塊等級元素 是不可使用
list-style-typedisc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none所有「display」性質的值是「list-item」的元素 是不可使用
list-style-imagenone | 所有「display」性質的值是「list-item」的元素 是不可使用
list-style-positionoutside | inside所有「display」性質的值是「list-item」的元素 是不可使用
list-style
(簡寫性質) || ||
預設值:未定義所有「display」性質的值是「list-item」的元素 是不可使用
 
定位
性質名稱可用值作用範圍是否可繼承%百分比
positionstatic | absolute | relative所有元素 否不可使用
leftauto | | 所有「position」性質的值是「absolute」或者「relative」的元素 否相對於親元素的寬度與高度。如果親元素的高度的值是「auto」,則百分比型式的值視為未定義
topauto | | 所有「position」性質的值是「absolute」或者「relative」的元素 否相對於親元素的寬度與高度。如果親元素的高度的值是「auto」,則百分比型式的值視為未定義
z-indexauto | 所有可定位的元素 否不可使用
widthauto | | 區塊等級與替代元素,以及所有「position」性質的值是「absolute」的元素 否相對於親元素的寬度與高度。如果親元素的高度的值是「auto」,則百分比型式的值視為未定義
heightauto | | 區塊等級與替代元素,以及所有「position」性質的值是「absolute」的元素 否相對於親元素的寬度與高度。如果親元素的高度的值是「auto」,則百分比型式的值視為未定義
clipauto | 所有「position」性質的值是「absolute」的元素 否不可使用
overflowvisible | hidden | scroll | auto所有「position」性質的值是「absolute」的元素 否不可使用
visibilityinherit | visible | hidden所有元素如果此性質的值是「inherit」,便繼承親元素的值,否則此性質沒有可繼承性不可使用

最新评论

QQ|小黑屋|最新主题|手机版|微赢网络技术论坛 ( 苏ICP备08020429号 )

GMT+8, 2024-9-30 11:41 , Processed in 0.086847 second(s), 12 queries , Gzip On, MemCache On.

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

返回顶部