• CSS文本属性


    CSS文本:

    属性

    描述

    color

    设置文本颜色

    direction

    设置文本方向。

    line-height

    设置行高。

    letter-spacing

    设置字符间距。

    text-align

    对齐元素中的文本。

    text-decoration

    向文本添加修饰。

    text-indent

    缩进元素中文本的首行。

    text-shadow

    设置文本阴影。

    text-transform

    控制元素中的字母。

    unicode-bidi

    设置文本方向。

    white-space

    设置元素中空白的处理方式。

    word-spacing

    设置字间距。

     

     

     

     

     

     

     

    1.缩进文本:text-indent属性;

    (1)用法:text-indent 属性规定文本块中(块级元素)首行文本的缩进。允许使用负值。如果使用负值,那么首行会被缩进到左边(悬挂缩进)。

    (2)可能的值:

    描述

    length

    定义固定的缩进。默认值:0。

    %

    定义基于父元素宽度的百分比的缩进。

    inherit

    规定应该从父元素继承 text-indent 属性的值。

    Ps: text-indent 属性可以继承

     

    2.水平对齐:text-align属性

    (1)用法:text-align 属性规定元素中的文本的水平对齐方式。

    (2)可能的值:

    描述

    left

    把文本排列到左边。默认值:由浏览器决定。

    right

    把文本排列到右边。

    center

    把文本排列到中间。

    justify

    实现两端对齐文本效果。

    inherit

    规定应该从父元素继承 text-align 属性的值。

    ps:将块级元素或表元素居中,要通过在这些元素上适当地设置左、右外边距来实现。

     

    3.字间隔:word-spacing 属性

    (1)用法:word-spacing 属性增加或减少单词间的空白(即字间隔);

    (2)关于“字”的定义:

         CSS 把“字(word)”定义为任何非空白符字符组成的串,并由某种空白字符包围。这个定义没有实际的语义,它只是假设一个文档包含由一个或多个空白字符包围的字。

    (3)可能的值:(允许使用负值)

    描述

    normal

    默认。定义单词间的标准空间。

    length

    定义单词间的固定空间。

    inherit

    规定应该从父元素继承 word-spacing 属性的值。

    Ps: 如果指定为长度值,会调整字之间的通常间隔;所以,normal 就等同于设置为 0。允许指定负长度值,这会让字之间挤得更紧。

    4.字母间隔:letter-spacing 属性

    (1)用法:字母间隔修改的是字符或字母之间的间隔;

    (2)可能的值:(允许使用负值)

    描述

    normal

    默认。规定字符间没有额外的空间。

    length

    定义字符间的固定空间(允许使用负值)。

    inherit

    规定应该从父元素继承 letter-spacing 属性的值。

     

    5. 字符转换:text-transform属性

    (1)用法:处理文本的大小写;

    (2)可能的值:

    描述

    none

    默认。定义带有小写字母和大写字母的标准的文本。

    capitalize

    文本中的每个单词以大写字母开头。

    uppercase

    定义仅有大写字母。

    lowercase

    定义无大写字母,仅有小写字母。

    inherit

    规定应该从父元素继承 text-transform 属性的值。

     

    6.文本装饰:text-decoration属性

    (1)用法:text-decoration 属性规定添加到文本的修饰;

    (2)可能的值:

    描述

    none

    默认。定义标准的文本。

    underline

    定义文本下的一条线。

    overline

    定义文本上的一条线。

    line-through

    定义穿过文本下的一条线。

    blink

    定义闪烁的文本。

    inherit

    规定应该从父元素继承 text-decoration 属性的值。

    Ps: IE、Chrome 或 Safari 不支持 "blink" 属性值。且text-decoration 值会替换而不是累积起来。

    7.处理空白符:white-space属性:

    (1)用法:white-space 属性设置如何处理元素内的空白。

    (2)可能的值:

    描述

    normal

    默认。空白会被浏览器忽略。

    pre

    空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。

    nowrap

    文本不会换行,直到遇到 <br> 标签为止。

    pre-wrap

    保留空白符序列,但是正常地进行换行。

    pre-line

    合并空白符序列,但是保留换行符。

    inherit

    规定应该从父元素继承 white-space 属性的值。

    (3)小结:

    空白符

    换行符

    自动换行

    pre-line

    合并

    保留

    允许

    normal

    合并

    忽略

    允许

    nowrap

    合并

    忽略

    不允许

    pre

    保留

    保留

    不允许

    pre-wrap

    保留

    保留

    允许

     

    8.文本方向:direction属性:

    (1)用法:direction 属性规定文本的方向 / 书写方向,影响块级元素中文本的书写方向、表中列布局的方向、内容水平填充其元素框的方向、以及两端对齐元素中最后一行的位置。

    (2)可能的值:

    描述

    ltr

    默认。文本方向从左到右。

    rtl

    文本方向从右到左。

    inherit

    规定应该从父元素继承 direction 属性的值。

    Ps: 对于行内元素,只有当 unicode-bidi 属性设置为 embed 或 bidi-override 时才会应用 direction 属性。

  • 相关阅读:
    yii2.0安装redis
    composer
    Windows下安装redis
    Windows下启动redis闪退
    svn的使用及安装
    mysql主从
    linux下远程链接mysql报错1045
    git命令行克隆报错fatal: Could not read from remote repository. Please make sure you have the correct access rights and the repository exists.
    git克隆报错128
    yii phpexcel <转>
  • 原文地址:https://www.cnblogs.com/alog0210/p/text_alog.html
Copyright © 2020-2023  润新知