文本屬性是什么

文本屬性用于控制一段文字的外觀

文本屬性列表

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: 設置水平偏移。單位是像素。正直向右，負值向左。
• y-offset：設置垂直偏移。單位是像素。正值向下，負值向上。
• blur： 設置模糊半徑。數(shù)值越大越模糊。
• color：設置陰影的顏色。

text-indent屬性

定義
定義文本縮進。
語法

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

屬性值

• 相對值：

  • em: em表示一個字符，使用字符設置文本縮進?？s進2個字符，就是2em。 推薦
  • 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)成小寫字母）

知識點

• 記住文本兩端對齊
• 如何添加文本陰影
• 如何添加刪除線
• 設置文本縮進的正確姿勢