屬性 |
設定值 |
範例 |
說明 |
margin-top |
點 (pt) 像素 (px) 公厘 (mm) 公分 (cm) 英吋 (in) % 百分比 |
margin-top:10px |
設定文件與上邊界距離 |
margin-right |
margin-right:10pt |
設定文件與右邊界距離 |
margin-bottom |
margin-bottom:2in |
設定文件與下邊界距離 |
margin-left |
margin-left:2cm |
設定文件與左邊界距離 |
line-height |
line-height:10pt |
設定文字行列高度 |
font-size |
font-size:13pt |
設定字體大小 |
text-decoration |
none (無) overline (頂線) line-through (刪除線) underline (底線) |
text-decoration:none text-decoration:overline text-decoration:line-through text-decoration:underline |
設定文字加強方式 |
text-align |
left (左邊) right (右邊) center (中間) |
text-align:right |
設定文字對齊方式 |
color |
#rrggbb rrggbb(ff,00,00),數字範圍 00~FF
#rgb rgb(255,0,0),數字範圍 0~255 |
以下均代表紅色字體 color:red color:#ff0000 color:rgb(255,0,0) |
顏色,可任選一設定方式 |
background-color |
以下均代表紅色背景 background-color:red background color:#ff0000 background color:rgb(255,0,0) |
background-image |
url (圖檔名稱) |
background-image:url(bg.gif) |
設定背景圖片 |
background-repeat |
repeat-x (往 X 軸延伸排滿) repeat-y (往 Y 軸延伸排滿) no-repeat (不排滿) |
background-repeat:repeat-x background-repeat:repeat-y background-repeat:no-repeat |
是否像拼圖般將畫面並排到滿,內定會並排到滿,不必特別加以設定 |
background-attachment |
scroll (捲動) fixed (固定) |
background-attachment:scroll background-attachment:fixed |
設定背景圖片是否會隨捲軸的移動而移動,內定是 scroll |
border |
邊框樣式 none (無邊框) dotted (點線) dashed (虛線) solid (實線) double (雙線) groove (立體凹線) ridge (立體凸線) inset (立體嵌入線) outset (立體隆起線) |
border:10px groove gray |
設定框線 |
border-top |
border-top:dotted red |
設定上框線 |
border-right |
border-right:ridge green |
設定右框線 |
border-bottom |
border-bottom:solid yellow |
設定下框線 |
border-left |
border-left:inset blue |
設定左框線 |