美文网首页
CSS 文本属性

CSS 文本属性

作者: blaze冰叔 | 来源:发表于2019-07-23 15:14 被阅读0次

    color 设置文本颜色

    color_name  规定颜色值为颜色名称的颜色(比如 red)
    hex_name    规定颜色值为十六进制值的颜色(比如 #ff0000)
    rob_name    规定颜色值为 rgb 代码的颜色(比如 rgb(255,0,0))
    inherit     规定应该从父元素继承颜色
    

    direction 设置文本方向

    div
    {
    direction:rtl;
    }
    
    ltr         默认,文本方向从左到右
    rtf         从右向左
    inherit     应该从父元素继承
    

    letter-spacing 设置字符间距

    h1 {letter-spacing:2px}
    h2 {letter-spacing:-3px}
    
    normal          默认,规定字符间没有额外的空间
    length          定义字符间的固定空间(允许使用负值)
    inherit         应该从父元素继承
    

    line-height 设置行高

    p.small {line-height:90%}
    p.big {line-height:200%}
    
    normal         默认,设置合理的行间距
    number         设置字数,此数字会于当前的字体尺寸相乘来设置行间距
    length         设置固定的行间距
    %              基于当前字体尺寸的百分比行间距
    inherit        应该从父元素继承
    

    text-align 对齐元素中的文本

    h1 {text-align:center}
    h2 {text-align:left}
    h3 {text-align:right}
    
    left        左对齐
    right       右对齐
    center      把文本排列到中间
    justify     两端对齐
    inherit     应该从父元素继承
    

    text-indent 缩紧元素中文本的首行

    p
    {
    text-indent:50px;
    }
    
    length        定义固定的缩进,默认值:0
    %             定义基于父元素宽度的百分比缩进
    inherit       从父元素继承
    

    text-shadow 设置文本阴影

    h1
    {
        text-shadow: 2px 2px #ff0000;
    }
    
    h-shadow      必需 水平阴影的位置,允许负值
    v-shadow      必需 垂直阴影的位置,允许负值
    blur          可选 模糊的距离
    color         可选 阴影的颜色
    

    text-transform 控制元素中的字母

    h1{text-transform:uppercase;}
    h2{text-transform:capitalize;}
    p{text-transform:lowercase}
    
    none            默认 定义带有小写字母和大写字母的标准文本
    capitalize      文本中的每个单词以大写字母开头
    uppercase       全大写字母
    lowercase        全小写字母
    inherit     应该从父元素继承
    

    unicode-bidi 设置或返回文本是否被重写

    div
    {
        direction:rtl;
        unicode-bidi:bidi-override;
    }
    
    normal           默认 不适用附加的嵌入层面
    embed            创建一个附加的嵌入层面
    bidi-override    创建一个附加的嵌入层面,重新排序取决于direction属性
    initial          设置该属性为它的默认值
    inherit     应该从父元素继承
    

    vertical-align 设置元素的垂直对齐

    img
    {
    vertical-align:text-top;
    }
    
        baseline       默认 不适用附加的嵌入层面
        sub            垂直对齐文本的下标
        supper         垂直对齐文本的上标
        top            把元素的顶端与行中最高元素的顶端对齐
        text-top       把元素顶端与父元素字体的顶端对齐
        middle         把此元素放置在父元素的中部
        bottom         把元素的底端与行中最低的元素的顶端对齐
        text-bottom    把元素的底端与父元素字体的底端对齐
        length           
        %              使用 "line-height" 属性的百分比值来排列此元素。允许使用负值
        inherit          从父元素继承
    

    white-space 设置元素中空白的处理方式

    p
    {
        white-space:nowrap;
    }
    
        normal       默认 空白会被浏览器忽略
        pre          空白会被浏览器保留,其行为方式类似于HTML中的<pre>标签
        nowrap       文本不会换行,文本会在同一行上继续,直到遇到<br>标签为止
        pre-wrap     保留空白符序列,但是正常地进行换行          
        pre-line     合并空白符序列,但是保留换行符
        length           
        %              使用 "line-height" 属性的百分比值来排列此元素。允许使用负值
        inherit          从父元素继承
    

    word-spacing 设置字间距

    p
    {
        word-space:30px;
    }
    
        normal       默认 定义单词间的标准空间
        length       定义单词间的固定空间
        inherit          从父元素继承

    相关文章

      网友评论

          本文标题:CSS 文本属性

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