首頁 關於HTML與CSS 作品集錦 好站連結 留言板

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

回到最上方
HTML單元
  • 認識 HTML
  • 標籤列表
  • 運用:字體篇
  • 運用:編排篇
  • 運用:表格篇
  • 運用:清單列表篇
  • 運用:多媒體篇
  • 運用:表單篇
  • 無障礙網頁空間
CSS單元
  • 認識 CSS
  • CSS樣式宣告方式
  • CSS樣式屬性列表
copyright©Tammy chen 2005 最佳解析度:1280X800