→動態CSS樣式
←上一頁
→回CSS選單
→回首頁
|
常用的CSS樣式屬性
〔字型的樣式屬性〕
| 樣式屬性 |
說明 |
| font-size |
設定字型的大小，直接指定點數pt |
| font-family |
設定使用字型，如：標楷體… |
| font-style |
設定字型為normal、italic、oblique |
| font-weigth |
設定字型的粗細，如：normal、bold、bolder、lighter或100~900值 |
〔色彩和背景的樣式屬性〕
| 樣式屬性 |
說明 |
| color |
設定色彩，可以使用16位元或色彩的英文名稱 |
| background-color |
設定底色，可以使用16位元或色彩的英文名稱 |
| background-image |
設定底圖，使用方法為 url(圖片路徑) |
| background-position |
底圖大小及位置，可以使用百分比、點數、top、center、bottom、left、right |
〔文字樣式屬性〕
| 樣式屬性 |
說明 |
| line-height |
設定行距，可以使用點數pt或百分比 |
| margin-left |
設定左邊界，指定像數px |
| margin-right |
設定右邊界，指定像數px |
| margin-top |
設定上邊界，指定像數px |
| margin-bottom |
設定下邊界，指定像數px |
| text-decoration |
設定文字底線，有底線：underline；無底線：none |
| text-transform |
設定文字轉換，大寫：uppercase；字首大寫：capitalize |
| text-align |
設定文字水平對齊方式，left、right、center、justify |
| vertical-align |
設定文字垂直對齊方式，baseline、sub、super、top、text-top、middle、bottom、text-bottom |
| text-indent |
設定文字段落縮排，點數或百分比 |
〔區塊樣式屬性〕
| 樣式屬性 |
說明 |
| border-color |
設定框線色彩 |
| border-style |
設定框線樣式，none、dotted、dashed、solid、double、groove、ridge、inset、outset |
| border-left-width |
設定區塊左方的間隔，think、thin、medium或點數 |
| border-right-width |
設定區塊右方的間隔，think、thin、medium或點數 |
| border-top-width |
設定區塊上方的間隔，think、thin、medium或點數 |
| border-bottom-width |
設定區塊下方的間隔，think、thin、medium或點數 |
|
|