glyph-orientation-horizontal

Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, könnte sie bereits aus den relevanten Webstandards entfernt worden sein, in Kürze entfernt werden oder nur noch aus Kompatibilitätsgründen bestehen. Vermeiden Sie die Verwendung und aktualisieren Sie vorhandenen Code, falls möglich; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.

Das Attribut glyph-orientation-horizontal beeinflusst die Menge, um die die aktuelle Textposition voranschreitet, während jedes Glyph gerendert wird.

Wenn die Referenzorientierungsrichtung horizontal ist und glyph-orientation-horizontal zu einem Orientierungswinkel führt, der ein Vielfaches von 180 Grad ist, wird die aktuelle Textposition gemäß den horizontalen Metriken des Glyphs erhöht. Andernfalls, wenn der Wert dieses Attributs kein Vielfaches von 180 Grad ist, wird die aktuelle Textposition gemäß den vertikalen Metriken des Glyphs erhöht.

Dieses Attribut wird nur auf Text angewendet, der in einer horizontalen writing-mode geschrieben ist.

Hinweis: Als Präsentationsattribut hat glyph-orientation-horizontal auch ein entsprechendes CSS-Property: glyph-orientation-horizontal. Wenn beide angegeben sind, hat die CSS-Eigenschaft Vorrang.

Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:

Kontextnotizen

Wert <angle>
Standardwert 0deg
Animierbar Nein
<angle>

Der Wert des Winkels ist auf 0, 90, 180 und 270 Grad beschränkt. Wenn ein anderer Winkel angegeben wird, wird dieser auf den nächsten der zulässigen Werte gerundet. Ein Wert von 0deg bedeutet, dass alle Glyphen mit der Oberseite der Glyphen in Richtung der Referenzorientierung ausgerichtet sind. Ein Wert von 90deg bedeutet eine Orientierung von 90 Grad im Uhrzeigersinn von der Referenzorientierung.

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# GlyphOrientationHorizontalProperty

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
glyph-orientation-horizontal
Deprecated

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Deprecated. Not for use in new websites.