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

來源:互聯網
上載者:User

在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,不能輸入漢字

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.