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
类似,区别在于start
和end
的值根据父元素的direction
确定,并被替换为恰当的left
或right
。
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
: 这个关键字阻止所有字符的大小写被转换。