CSS 文本屬性

文本屬性是什么?

文本屬性用于控制文本

屬性 描述
text-align 規(guī)定文本的水平對齊方式。
text-decoration 規(guī)定文本裝飾。
text-shadow 添加文本陰影
text-indent 規(guī)定文本塊(text-block)中的的首行縮進。
text-transform 控制文本的大寫。

text-align

定義:文本對齊方式
語法:

p{
text-align:left | center | right | justify
}

屬性值:

  • left:規(guī)定文本左對齊 (默認)
  • center :規(guī)定文本居中對齊
  • right :規(guī)定文本右對齊
  • justify :規(guī)定文本兩端對齊

text-decoration

定義:定義文本修飾線
語法:

p{
text-decoration:overline | line-through | underline | none    
}

屬性值:

  • overline :添加上劃線
  • line-through :添加刪除線
  • underline:添加下劃線
  • none : 默認值,取消修飾線

text-shadow

定義:定義文本陰影
語法:

h1{
text-shadow:水平位移 | 垂直偏移 | 模糊半徑 | 顏色;
}

屬性值:

  • x-offset:設(shè)置水平偏移,單位是像素(可以取負值,正值向右,負值向左)
  • y-offset:設(shè)置垂直偏移,單位是像素 (可以取負值,正值向右下,負值向上)
  • blur:設(shè)置模糊半徑,數(shù)值越大越模糊,單位是像素。
  • color:設(shè)置陰影的顏色

text-indent

定義:定義文本首行縮進
語法:

p{
text-indent:相對值 | 固定值
}

屬性值:

  • 相對值:
    • em:em表示一個字符
    • rem
    • %
    • vh/vw
  • 絕對值:
    • px

text-transform

定義:定義英文字母的小寫轉(zhuǎn)換
語法:

body{
text-transform:none | capitalize | uppercase | lowercase
}

屬性值:

  • none:默認值。對原字母不進行轉(zhuǎn)換
  • capitalize :文本中每一個英文單詞都以大寫開頭 (首字母轉(zhuǎn)為大寫)
  • uppercase : 定義僅有大寫字母 (全部轉(zhuǎn)換為大寫字母)
  • lowercase :定義無大寫字母,僅有小寫字母(全部轉(zhuǎn)為小寫字母)

記住文本兩端對齊 : justify

如何添加文本陰影

如何添加文本刪除線

設(shè)置文本縮進的正確關(guān)鍵詞

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容