CSS樣式屬性列表
關於CSS的屬性,以下依據性質分成多類,並針對屬性說明數值宣告方式。
| 字體屬性 |
| font-family |
文字字體(任何字體) |
| font-style |
文字是否用斜體( Normal、italic、oblique ) |
| font-variant |
文字是否用小型大寫字 (Normal、small-caps ) |
| font-weight |
文字的粗細 (Normal、bold、bolder、lithter、100~900等 ) |
| font-size |
文字字體大小( Absolute-size、relative-size、length、percentage或數值等) |
| 顏色背景屬性 |
| Color |
定義前景色(色碼) |
| Background-color |
定義背景色(色碼) |
| Background-image |
背景圖樣(路徑) |
| Background-repeat |
背景重複方式( Repeat-x、repeat-y、no-repeat ) |
| Background-attachment |
背景捲動方式( Scroll、Fixed ) |
| Background-position |
背景定位( Percentage、length、top、left、 right、bottom等 ) |
| 文章屬性 |
| Word-spacing |
單字間距( Normal 或數值 ) |
| Letter-spacing |
字母間距( Normal 或數值 ) |
| Text-decoration |
文章的裝飾樣式( None、underline、overline、line- through、blink ) |
| Vertical-align |
垂直對齊( Baseline、sub|super、top、text-top、middle、bottom、text-bottom、Capitalize、uppercase ) |
| Text-transform |
文本轉換( lowercase、none ) |
| Text-align |
文章對齊方式( Left、right、center、justify) |
| Text-indent |
文章縮排方式( 數值 ) |
| Line-height |
文章行高( Normal 或數值 ) |
| 邊界屬性 |
| Margin-top |
上方邊界(數值、百分比或自動) |
| Margin-right |
右邊邊界(數值、百分比或自動) |
| Margin-bottom |
底邊邊界(數值、百分比或自動) |
| Margin-left |
左邊邊界(數值、百分比或自動) |
| 欄位間隔屬性 |
| Padding-top |
上方間隔(數值、百分比或自動) |
| Padding-right |
右邊間隔(數值、百分比或自動) |
| Padding-bottom |
底邊間隔(數值、百分比或自動) |
| Padding-left |
左邊間隔(數值、百分比或自動) |
| 邊框屬性 |
| Border-top-width |
上方邊框寬度( Thin、medium、thick、數值) |
| Border-right-width |
右邊邊框寬度( Thin、medium、thick、數值) |
| Border-bottom-width |
底邊邊框寬度( Thin、medium、thick、數值) |
| Border-left-width |
左邊邊框寬度( Thin、medium、thick、數值) |
| Border-width |
邊框寬度( Thin、medium、thick、數值) |
| Border-color |
邊框顏色(色碼) |
| Border-style |
邊框樣式( None、dotted、dash、solid等) |
| Border-top |
邊框上方( Border-top-width、color等 ) |
| Border-right |
邊框右邊( Border-top-width、color等 ) |
| Border-bottom |
邊框底邊( Border-top-width、color等 ) |
| Border-left |
邊框左邊( Border-top-width、color等 ) |
| Width |
寬度(數值、百分比或自動) |
| Height |
高度(數值或自動) |
| Float |
浮動( Left、right、none ) |
| Clear |
清除( Left、right、none、both) |
| 項目屬性 |
| Display |
顯示方式( Block、inline、list-item、none |
| White-space |
空白(Normal、pre、nowrap ) |
| List-style-type |
項目類型(Disc、circle、square等 ) |
| List-style-image |
項目圖樣(路徑) |
| List-style-position |
項目位置縮排與否( Inside、outside ) |
| List-style |
定義項目( keyword、position、url ) |
| 滑鼠屬性 |
| Cursor |
自動Auto |
| 定位十字Crosshair |
| 指針Default |
| 手Hand |
| 移動Move |
| 箭頭朝右e-resize |
| 箭頭朝右上Ne-resize |
| 箭頭朝左上Nw-resize |
| 箭頭朝上n-resize |
| 箭頭朝右下Se-resize |
| 箭頭朝左下Sw-resize |
| 箭頭朝下s-resize |
| 箭頭朝左w-resize |
| 文字"│"Text |
| 等待Wait |
| 幫助Help |