glyph-orientation-vertical property
Sets or retrieves a value that alters the orientation of a sequence of characters relative to an inline-progression-direction of vertical.
![]() ![]() |
Syntax
glyph-orientation-vertical: auto |
<angle>
| inherit
Property values
auto-
Default. Indicates that full-width ideographic and full-width Latin text are set with a glyph-orientation of 0 degrees. Ideographic punctuation and other ideographic characters that have alternate horizontal and vertical forms use the vertical form of the glyph. Text that is not full-width is set with a glyph-orientation of 90 degrees. This reorientation rule applies only to the first-level non-ideographic text. All further embedding of writing-modes or bidi processing based on the first-level rotation.
- angle
-
Indicates the new orientation of the current text element.
Value Meaning 0deg Indicates that all glyphs are set with the top of the glyphs oriented towards the reference orientation.
90deg Indicates an orientation of 90 degrees clockwise from the reference orientation.
180deg Indicates an orientation of 180 degrees clockwise from the reference orientation.
270deg Indicates an orientation of 270 degrees clockwise from the reference orientation.
inherit-
Indicates that the property takes the same computed value as the property for the element's parent.
CSS information
| Applies To | text content elements |
|---|---|
| Media | visual |
| Inherited | 1 |
| Initial Value | auto |
Standards information
- Scalable Vector Graphics: Text, Section 10.7.2
Remarks
This property is applied only to text written in a horizontal writingMode.
The glyph orientation affects the amount that the current text position advances as each glyph is rendered. When the inline-progression-direction is vertical and the glyphOrientationVertical property results in an orientation angle that is a multiple of 180 degrees, the current text position is incremented according to the vertical metrics of the glyph. Otherwise, if the glyphOrientationVertical property results in an orientation angle that is not a multiple of 180 degrees, the current text position is incremented according to the horizontal metrics of the glyph.
See also
- CSSStyleDeclaration
- currentStyle
- style
- SVGTextElement
- SVGTextPathElement
- SVGTSpanElement
- glyphOrientationHorizontal

