CSS2 串接樣式表的常用屬性

點擊數: 3775

 

名稱(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-right

margin-left

<margin-width> | inherit 0

右邊界

左邊界

margin-top

margin-bottom

<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-top

padding-right

padding-bottom

padding-left

<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 層次