CSS中的文字美化与装饰（二）

这是我参与11月更文挑战的第20天，活动详情查看：2021最后一次更文挑战

text-orientation

text-orientation可以设置竖向排版时中文和文字字符的方向。接收的参数有三个，分别是mixed、upright、sideways。mixed是默认值，表示中文和英文显示方向是不一致的，中文字符是正立的，而英文字符则顺时针旋转90度后显示。upright表示中文和英文的文字显示方向都是默认的正文显示，没有旋转。sideways表示中文和英文的文字显示方向都是顺时针旋转90度。

text-combine-upright

text-combine-upright属性可以让2-4个字符横向合并显示。接收的参数有三个，分别为none、all、digits。none是默认值，表示字符不会参与横向合并。all表示所有类型的字符都会参与横向合并，不过一个标签内最多只能合并4个字符。digits表示仅数字字符参与横向合并。text-combine-upright属性实现的水平排版，则会让2-4个字符(包括中文)全部在一个字符宽度中。

<div class="warpper"><span>学习</span></div>
.warpper {
    writing-mode: vertical-rl;
}
.warpper span {
    text-combine-upright: all;
}

unicode-bidi

unicode-bidi属性总是和direction属性配合使用，用来设置字符水平流向的细节。可以接收很多值。例如normal、embed、bidi-override、plaintext、isolate、isolate-override；属性isolate和embed的作用都是让中文字符和英文字符从左往右排列，让问号和加号等字符从右向左排列。属性isolate-override和bidi-override的作用都是让所有字符从右往左排列。isolate和isolate-override会让元素作为独立的个体参与到兄弟元素之间的访问排列。plaintext属性值可以在不改变当前文档的水平流向的前提下，让所有字符按照默认的从左往右的流向排列。

tab-size

tab-size属性可以控制Tab键输入的空格的长度大小，属性语法tab-size: <integer> | <length>，integer为整数值，表示Tab键输入的空格的宽度等于几个space键输入的空格的宽度。length表示长度值，表示每个Tab键输入的空格的宽度值。

text-rendering

text-rendering属性用来对于文字内容的渲染，接收的值有optimizeSpeed表示浏览器渲染文本的时候是速度优先，这个属性值会禁用文字的自动字距调整和字符相连特性。optimizeLegibility表示浏览器渲染文本的时候是可读性优先，这个属性值会启用文字的自动字距调整和文字相连特性。geometricPrecision表示浏览器渲染文本的时候是几何精度优先,可以用于字距的非线性调整和小数像素的精确渲染。auto表示浏览器自己判断文字渲染时是速度优先、可读性优先还是几何精度优先。

text-rendering: optimizeSpeed;
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
text-rendering: auto;