css文本屬性的使用方法

這篇文章給大家分享的是有關(guān)css文本屬性的使用方法的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

1、css文本屬性之文本中大小寫字母轉(zhuǎn)換—text-transform
屬性值：
uppercase;(全部大寫)
 lowercase;（全部小寫）
 capitalize；（在所有小寫單詞中，首字母大寫）

p{    text-transform:uppercase;}

2、css文本屬性之文本居中——text-align
屬性值：
center;(居中)
left;(左邊對(duì)齊)
right（右邊對(duì)齊）

p{    text-align:center;}

3、css文本屬性之段落縮進(jìn)—–text-indent
em(是以字為單位)，±都可以

p{    text-indent: 3em;}

4.css文本屬性之設(shè)置文字裝飾效果——text-decoration
屬性值：
none(去掉下劃線)
  underline(加下劃線)
  overline(加上劃線)
 line-through(加刪除線)

a{    text-decoration:none;}

5.css文本屬性之設(shè)置段落行高—-line-height
屬性值：百分比，px,數(shù)字

a{    line-height:13px;}

6.css文本屬性之設(shè)置字詞間距
word-spacing(只對(duì)英文有用)
letter-spacing（漢字和英文都可以）

p{    letter-spacing: 16px;}

7.css文本屬性之段落間距-margin

p{    margin: 66px;}

8.css文本屬性之邊框——border
屬性值有三個(gè)：大小，顏色，樣式；
邊框樣式有：solid(實(shí)線)，dashed(虛線)，dotted(點(diǎn)線)

p{    border:3px lightgreen solid;}

9.css文本屬性之空格——white-space
屬性值：
  pre;(與預(yù)設(shè)一樣)
 nowrap；（文字不自動(dòng)換行）
 inherit;(繼承父本)
 normal;(顯示一個(gè))

p{    white-space: pre;}

10.css文本屬性之設(shè)置輸入法狀態(tài)-ime-mode
屬性值：
auto;默認(rèn)
active;激活本地語(yǔ)言輸入法；
inactive:激活非本地語(yǔ)言輸入法；
disabled;禁止輸入法，不能輸入漢字

感謝各位的閱讀！關(guān)于“css文本屬性的使用方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！