美文网首页
CSS 文本属性

CSS 文本属性

作者: 败于化纤 | 来源:发表于2022-11-08 13:18 被阅读0次

    文本属性是什么?

    文本属性用于控制文本

    属性 描述
    text-align 规定文本的水平对齐方式。
    text-decoration 规定文本装饰。
    text-shadow 添加文本阴影
    text-indent 规定文本块(text-block)中的的首行缩进。
    text-transform 控制文本的大写。

    text-align

    定义:文本对齐方式
    语法:

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

    属性值:

    • left:规定文本左对齐 (默认)
    • center :规定文本居中对齐
    • right :规定文本右对齐
    • justify :规定文本两端对齐

    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:设置模糊半径,数值越大越模糊,单位是像素。
    • color:设置阴影的颜色

    text-indent

    定义:定义文本首行缩进
    语法:

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

    属性值:

    • 相对值:
      • em:em表示一个字符
      • rem
      • %
      • vh/vw
    • 绝对值:
      • px

    text-transform

    定义:定义英文字母的小写转换
    语法:

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

    属性值:

    • none:默认值。对原字母不进行转换
    • capitalize :文本中每一个英文单词都以大写开头 (首字母转为大写)
    • uppercase : 定义仅有大写字母 (全部转换为大写字母)
    • lowercase :定义无大写字母,仅有小写字母(全部转为小写字母)

    记住文本两端对齐 : justify

    如何添加文本阴影

    如何添加文本删除线

    设置文本缩进的正确关键词

    相关文章

      网友评论

          本文标题:CSS 文本属性

          本文链接:https://www.haomeiwen.com/subject/btfntdtx.html