首頁 >web前端 >css教學 >css文字屬性有哪些? css文字屬性的介紹

css文字屬性有哪些? css文字屬性的介紹

不言
不言原創
2018-08-18 11:59:204755瀏覽

在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-mode
屬性值:
auto;預設
active;啟動本地語言輸入法;
inactive:啟動非本地語言輸入法;
disabled;禁止輸入法,不能輸入漢字

#相關推薦:

用CSS動態控製文字屬性_CSS /HTML 

css中文字換行屬性 word-wrap                             
#

以上是css文字屬性有哪些? css文字屬性的介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn