glyph-orientation-horizontal property

Sets or retrieves a value that alters the orientation of a sequence of characters relative to an inline-progression-direction of horizontal.

Scalable Vector Graphics: Text, Section 10.7.2

Syntax

glyph-orientation-horizontal: <angle> | inherit

Property values

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	0deg

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 reference orientation direction is horizontal and the glyphOrientationHorizontal results in an orientation angle that is a multiple of 180 degrees, the current text position is incremented according to the horizontal metrics of the glyph. Otherwise, if the glyphOrientationHorizontal results in an orientation angle that is not a multiple of 180 degrees, the current text position is incremented according to the vertical metrics of the glyph.