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-mode
屬性值：
auto;默認
active;激活本地語言輸入法；
inactive:激活非本地語言輸入法；
disabled;禁止輸入法，不能輸入漢字

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