首頁 >web前端 >css教學 >css文字屬性有什麼

css文字屬性有什麼

coldplay.xixi
coldplay.xixi原創
2021-03-01 15:04:0912919瀏覽

css文字屬性:1、margin段落間距;2、【text-align】文字居中;3、【text-indent】段落縮排;4、【text-decoration】設定文字裝飾效果;5 、【line-height】設設置段落行高。

css文字屬性有什麼

本教學操作環境:windows10系統、css3版,DELL G3電腦,此方法適用於所有品牌電腦。

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:3pxlightgreensolid;}
    9、css文字屬性之空格-
  • white-space

  •   屬性值:
  •   pre ;(與預設一樣)
  •   nowrap;(文字不自動換行)
  •   inherit;(繼承父本)

#  normal;(顯示一個)

  p{white-space:pre;}
10、css文字屬性之設定輸入法狀態-ime-mode

###  屬性值:############  auto;預設############  active;啟動本機語言輸入法;############  active;啟動本地語言輸入法;########## ###  inactive:啟動非本地語言輸入法;############  disabled;禁止輸入法,不能輸入漢字##################################################################### #推薦(免費):#########css影片教學#############

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

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