文本屬性

文本屬性是什么?

文本屬性用于控制文本

屬性 描述
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-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)為小寫字母)
?著作權(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)容

  • 文本屬性是什么? 文本屬性用于控制文本 屬性描述text-align[https://www.w3school.c...
    敗于化纖閱讀 158評論 0 1
  • 文本屬性 1.文本顏色font 2.文本對齊 3.文本修飾線text-decoration: 4.文本縮進 5.文...
    爛好人_5b0f閱讀 888評論 0 1
  • 文本屬性是什么 文本屬性用于控制一段文本的外觀。 文本屬性列表 屬性描述color文本顏色text-align[h...
    貝兼全_c5e4閱讀 112評論 0 0
  • 導(dǎo)讀 文本屬性列表 字體和文本區(qū)別 text-align屬性 文本屬性列表 屬性描述text-align[http...
    不好奇課堂閱讀 549評論 0 0
  • 文本屬性是? 用于控制文本。設(shè)置一段文本。 文本屬性有6種: 文本水平對齊方式,文本裝飾,首行縮進,文本陰影,文本...
    憂油魚閱讀 230評論 0 0

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