This is the 20th day of my participation in the November Gwen Challenge. Check out the details: The last Gwen Challenge 2021

text-orientation

Text-orientation You can set the orientation of Chinese characters and characters in vertical layout. The three parameters to accept are mixed, Upright and sideways. Mixed is the default value, indicating that the Chinese and English characters are displayed in different directions. Chinese characters are upright, while English characters are displayed after rotated 90 degrees clockwise. Upright stands for Chinese and English, while the orientation of the text is the default upright, without rotation. Sideways means that both Chinese and English characters rotate 90 degrees clockwise.

text-combine-upright

The Text-combine – Upright attribute allows for horizontal combinations of 2-4 characters. Three parameters are received, none, all, and digits. None is the default, indicating that characters do not participate in horizontal merges. All indicates that all types of characters participate in horizontal merging, but a maximum of four characters can be merged in one label. Digits indicates that only numeric characters participate in horizontal merging. The Text-uneven-Upright attribute makes for horizontal composition, while 2-4 characters (including Chinese) are all in one character width.

<div class="warpper"><span> to learn < /span></div>
.warpper {
    writing-mode: vertical-rl;
}
.warpper span {
    text-combine-upright: all;
}
Copy the code

unicode-bidi

The Unicode-bidi attribute is always used in conjunction with the direction attribute to set the details of the horizontal direction of a character. It can accept many values. For example, normal, Embed, Bidi-override, Plaintext, ISOLATE, isolate-Override; The isolate and Embed properties both arrange Chinese and English characters from left to right, and characters such as question marks and plus signs from right to left. The isolate-Override and Bidi-Override properties both order all characters from right to left. Isolate and ISOLate-Override allow elements to participate as independent individuals in an access permutation between sibling elements. The plainText property value allows all characters to be arranged in the default left-to-right flow without changing the horizontal flow of the current document.

tab-size

TAB – the size attribute can control the size of the length of the TAB key input Spaces, attribute grammar TAB – size: < integer > | < length >, the integer to integer values, said the width of the TAB key input space is equal to the width of several space key input Spaces. Length indicates the length value. It indicates the width value of each Tab key.

text-rendering

The text-rendering property is used to render text content, and receives values such as optimizeSpeed, which indicates that the browser renders text speed first. This property disables automatic spacing and concatenation of text. OptimizeLegibility indicates that the browser will render text with readability first. This value will enable automatic spacing and concatenation of text. GeometricPrecision means that the browser renders text with geometricPrecision first and can be used for non-linear adjustment of kernels and accurate rendering of decimal pixels. Auto means that the browser decides for itself whether text rendering is speed, readability, or geometric accuracy.

text-rendering: optimizeSpeed;
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
text-rendering: auto;
Copy the code