在css樣式中文字屬性有哪些?每一個css文字屬性又有哪些用法?本篇文章將給大家帶來關於css文字屬性的介紹(附代碼),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所協助。
1、css文字屬性之文本中大小寫字母轉換—text-transform
屬性值:
uppercase;(全部大寫)
lowercase;(全部小寫)
capitalize;(在所有小寫單詞中,首字母大寫)
p{ text-transform:uppercase;}
2、css文字屬性之文本置中——text-align
屬性值:
center;(置中)
left;(左邊對齊)
right(右邊對齊)
p{ text-align:center;}
3、css文字屬性之段落縮排—–text-indent
em(是以字為單位),±都可以
p{ text-indent: 3em;}
4.css文字屬性之設定文字裝飾效果——text-decoration
屬性值:
none(去掉底線)
underline(加底線)
overline(加上劃線)
line-through(加刪除線)
a{ text-decoration:none;}
5.css文字屬性之設定段落行高—-line-height
屬性值:百分比,px,數字
a{ line-height:13px;}
6.css文字屬性之設定字詞間距
word-spacing(只對英文有用)
letter-spacing(漢字和英文都可以)
p{ letter-spacing: 16px;}
7.css文字屬性之段落間距-margin
p{ margin: 66px;}
8.css文字屬性之邊框——border
屬性值有三個:大小,顏色,樣式;
邊框樣式有:solid(實線),dashed(虛線),dotted(點線)
p{ border:3px lightgreen solid;}
9.css文字屬性之空格——white-space
屬性值:
pre;(與預設一樣)
nowrap;(文字不自動換行)
inherit;(繼承父本)
normal;(顯示一個)
p{ white-space: pre;}
10.css文字屬性之設定IME狀態-ime-mode
屬性值:
auto;預設
active;啟用本地語言IME;
inactive:啟用非本地語言IME;
disabled;禁止IME,不能輸入漢字