css

2012年6月13日 星期三

CSS Text 屬性


1.Text Color 設定內文顏色

顏色可由
1.十六進位值
2.RGB值
3.顏色名稱
指定

body {color:blue;background-color='yellow'}
 h1 {color:#00ff00;}
 h2 {color:rgb(255,0,0);}

若符合W3C之標準,指定text顏色屬性時,也需同時定義背景顏色屬性




2.Text Alignment  設定內文文件水平對齊

屬性值:center,left,right,justified(左右對齊,使每行等寬)

 p.jy {text-align:justify;}



3.Text Decoration 設定或取消內文的裝飾

屬性值:none,underline,overline,line-through,blink

h4 {text-decoration:underline;}

ps.在 IE, Chrome, or Safari 中不支援blink




4.Text Transformation  設定字母大小寫轉換

屬性值:uppercase,lowercase,capitalize

p.capitalize {text-transform:capitalize;}



5.Text Indentation  設定首行縮排

p {text-indent:50px;}



6.letter-spacing   增加或減少字母與字母之間距

屬性值:normal,length(可用負值)

h3 {letter-spacing:5px;}

h2 {letter-spacing:-2px;}



7.word-spacing      增加或減少字與字之間距

屬性值:normal,length(可用負值)

p
{
word-spacing:30px;
}



8.line-height     設定行高

屬性值:normal,number(1,2,3,4),length(px,pt,cm),%(120%)


網友分享行高詳細說明
http://blog.mukispace.com/css-line-height/trackback/

沒有留言:

張貼留言