跳到主要内容

text

一、认识


二、属性


2.1 text-align

text-align 属性定义行内内容(例如文字)如何相对它的块父元素对齐。text-align 并不控制块元素自己的对齐,只控制它的行内内容的对齐。

语法

/* Keyword values */
text-align: left;
text-align: right;
text-align: center;
text-align: justify;
text-align: justify-all;
text-align: start;
text-align: end;
text-align: match-parent;

/* Block alignment values (Non-standard syntax) */
text-align: -moz-center;
text-align: -webkit-center;

/* Global values */
text-align: inherit;
text-align: initial;
text-align: unset;

取值

  • left: 行内内容向左侧边对齐。

  • right: 行内内容向右侧边对齐。

  • center: 行内内容居中。

  • justify: 文字向两侧对齐,对最后一行无效。

  • match-parent: 和inherit类似,区别在于startend的值根据父元素的direction确定,并被替换为恰当的leftright

2.2 text-align-last

2.3 text-combine-upright

2.4 text-decoration

2.5 text-decoration-color

2.6 text-decoration-line

2.7 text-decoration-skip

2.8 text-decoration-skip-ink

2.9 text-decoration-style

2.10 text-decoration-thickness

2.11 text-emphasis

2.12 text-emphasis-color

2.13 text-emphasis-position

2.14 text-emphasis-style

2.15 text-indent

2.16 text-justify

2.17 text-orientation

2.18 text-overflow

2.19 text-rendering

2.20 text-shadow

2.21 text-size-adjust

2.22 text-transform

text-transform 属性指定如何将元素的文本大写。它可以用于使文本显示为全大写或全小写,也可单独对每一个单词进行操作。

语法

/* Keyword values */
text-transform: none;
text-transform: capitalize;
text-transform: uppercase;
text-transform: lowercase;
text-transform: full-width;
text-transform: full-size-kana;

/* Global values */
text-transform: inherit;
text-transform: initial;
text-transform: revert;
text-transform: revert-layer;
text-transform: unset;

取值

  • capitalize: 这个关键字强制每个单词的首字母转换为大写。其他的字符保留不变(它们写在元素里的文本保留原始大小写)。字母是 Unicode 字符集或者数字里定义的字符 实验性;因此单词开头的任何标点符号或者特殊符号将会被忽略。

  • uppercase: 这个关键字强制所有字符被转换为大写。

  • lowercase: 这个关键字强制所有字符被转换为小写。

  • none: 这个关键字阻止所有字符的大小写被转换。

2.23 text-underline-offset

2.24 text-underline-position