CSS text-combine-upright Property
Example
div {
writing-mode: vertical-rl;
font: 24px serif;
}
.num {
text-combine-upright: all;
}民國105年4月29日
Meaning:
The text-combine-upright CSS property sets the combination of characters into the space of a single character.
If the combined text is wider than 1em, the user agent must fit the contents within 1em. The resulting composition is treated as a single upright glyph for layout and decoration. This property only has an effect in vertical writing modes.
| Default value: | none |
| Inherited: | Yes |
| Animatable: | No |
| Version: | CSS3 |
| JavaScript syntax: | |
Standard Syntax
text-combine-upright: none|all|digits integer?|initial|inherit|revert|revert-layer|unset;Browser Support
Status
Property Values
The following table describes the values of this property:
| Value | Description |
|---|---|
| none | There is no special processing. |
| all | Attempts to typeset all consecutive characters within the box horizontally, such that they take up the space of a single character within the vertical line of the box. |
| digits integer? | Attempts to display a sequence of consecutive ASCII digits (U+0030–U+0039) that has as many or fewer characters than the specified integer, such that it takes up the space of a single character within the vertical line box. If the integer is omitted, it computes to 2. Integers outside the range of 2-4 are invalid. |
| initial | Sets this property to its default value. |
| inherit | If specified, the associated element takes the computed value of its parent element animation-delay property. |
| revert | Reverts the cascaded value of the property from its current value to the value the property |
| revert-layer | Rollback styles to the ones specified in previous cascade layers. |
| unset | Resets a property to its inherited value if the property naturally inherits from its parent, and to its initial value if not. |
Default CSS Property Values
selectors {
text-combine-upright: none;
}