■轉換英文字母大小寫 text-transform

語法如下:

{text-transform:屬性值;}

屬性值有以下四種~

⊙ uppercase - 將網頁所有英文字母轉為大寫

⊙ lowercase - 將網頁所有英文字母轉為小寫

⊙ capitalize - 將網頁所有英文單字的第一個字母轉為大寫

⊙ none -  恢復原本大小寫狀態

 

■加上頂線、底線、刪除線 text-decoration

語法如下:

{text-decoration:屬性值;}

屬性值有以下四種~

⊙ underline- 將文字加上底線

⊙ overline - 將文字加上頂線

⊙ line-through - 文字加上刪除線

⊙ none -  恢復原本狀態

■段落文字左右置中對齊 text_align

語法如下:

{text_align:屬性值;}

屬性值有以下四種~

⊙ left- 靠左對齊. 每列文字靠左對齊, 右邊未必對齊.

⊙ center - 置中對齊. 每列文字靠中間對齊, 左右兩邊未必對齊.

⊙ right- 靠右對齊. 每列文字靠右對齊, 左邊未必對齊.

⊙ justify - 左右對齊. 每列文字左右兩間都對齊, 必要時調整字距.

 

■垂直對齊 vertical-align

語法如下:

{vertical-align:屬性值;}

屬性值有以下七種~

⊙ top - 緊靠顯示區域之上緣對齊.

⊙ text-top - 緊靠上一層標籤所包含的文字之上緣對齊.

⊙ bottom - 緊靠顯示區域之下緣對齊.

⊙ text-bottom - 緊靠上一層標籤所包含的文字之下緣對齊.

⊙ middle - 緊靠上一層標籤所包含的文字之中線對齊.

⊙ supper- 將文字設為上標字.

⊙ sub - 將文字設為下標字.

文章標籤
全站熱搜
創作者介紹
創作者 mrafee1968 的頭像
mrafee1968

PHILIP SU的PIXNET小站

mrafee1968 發表在 痞客邦 留言(0) 人氣(139)