glyph-orientation-vertical
The glyph-orientation-vertical CSS property sets the orientation of glyphs in text rendered in a vertical writing mode. It is useful when you need more deliberate control over presentation or behavior in a focused part of the interface.
Overview
The glyph-orientation-vertical CSS property sets the orientation of glyphs in text rendered in a vertical writing mode. It is useful when you need more deliberate control over presentation or behavior in a focused part of the interface.
Browser support
| Feature | Desktop | Mobile | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
glyph-orientation-vertical Deprecated | | | | 4 | | 3.2 |
Syntax
.vertical-text {
writing-mode: vertical-rl;
glyph-orientation-vertical: 0deg;
}Live demo
Use cases
Use glyph-orientation-vertical
Use glyph-orientation-vertical when the default CSS behavior is not expressive enough for the component or layout you are building.
Handle edge cases
Apply glyph-orientation-vertical to solve a specific styling constraint without introducing broader layout or behavior changes.
Cautions
- Test glyph-orientation-vertical in the browsers you support, especially if it changes layout, text handling, or interaction behavior.
- Plan a fallback or acceptable degradation path when support is still limited.
Accessibility
- Confirm that using glyph-orientation-vertical does not make content harder to perceive, understand, or operate in assistive contexts.
Related links
Powered by web-features