Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

<text-edge> CSS-Typ

Eingeschränkt verfügbar

Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.

Der <text-edge> enumerierte Datentyp definiert Schlüsselwörter, die Schriftmetrik angeben, die spezifische Bereiche an der Blockanfangskante und Blockendkante einer Schrift darstellen. Jedes Schlüsselwort spezifiziert eine Position der Über- und/oder Unterkante einer Schrift.

Die <text-edge>-Werte werden in der text-box-edge-Eigenschaft verwendet, um eine Menge an Raum anzugeben, die von der Blockanfangskante und Blockendkante eines Textelements des Blockcontainers abgeschnitten werden soll.

Syntax

Der <text-edge>-Datentyp besteht aus einem oder zwei Schlüsselwörtern, die spezifische Bereiche auf der Blockanfangskante (über) und/oder Blockendkante (unter) einer Schrift darstellen:

  • Wenn ein Wert angegeben wird, wird die Position der Über- und Unterkante der Schrift mit demselben Schlüsselwort spezifiziert.
  • Wenn zwei Werte angegeben werden, spezifiziert der erste Wert die Position der Überkante der Schrift und der zweite Wert die Position der Unterkante.

Werte

Einzelne Schlüsselwortwerte

text

Die Über- und Unterkanten der Schrift sind die text-over-Basislinie/text-under-Basislinie: Dies schließt die Auf- und Abstriche der Schrift ein, jedoch nicht das half-leading, das auf den Text gesetzt ist.

Hinweis: Die Menge an half-leading, die auf ein Textelement angewendet wird, kann mit der Eigenschaft line-height gesteuert werden.

Hinweis: Die Schlüsselwörter ideographic und ideographic-ink sollen Positionen der Über- und Unterkanten spezifizieren, die spezifisch für CJK-Zeichen sind. Derzeit wird ihr genaues Verhalten noch diskutiert und sie werden von keinem Browser unterstützt.

Zwei Schlüsselwortwerte

alphabetic

Die Unterkante der Schrift ist ihre alphabetische Basislinie, was das Ende ihrer kurzen Kleinbuchstaben (zum Beispiel "m", "n" und "o") oder Großbuchstaben ist.

cap

Die Überkante der Schrift ist ihre Versalhöhe-Basislinie, was die Oberkante ihrer Großbuchstaben ist.

ex

Die Überkante der Schrift ist ihre x-Höhe-Basislinie, was die Oberkante ihrer kurzen Kleinbuchstaben ist.

text

Die Überkante der Schrift ist ihre text-over-Basislinie (schließt die Aufstriche der Schrift ein, jedoch nicht das halbe Überkantenabstand), oder ihre Unterkante ist ihre text-under-Basislinie (schließt die Abstriche der Schrift ein, jedoch nicht das halbe Unterkantenabstand), je nachdem, für welche Kante der Wert gesetzt wird.

Formale Syntax

<text-edge> = 
[ text | ideographic | ideographic-ink ] |
[ text | ideographic | ideographic-ink | cap | ex ] [ text | ideographic | ideographic-ink | alphabetic ]

Beispiele

Siehe Beispiele zu text-box-edge

Spezifikationen

Spezifikation
CSS Inline Layout Module Level 3
# typedef-text-edge

Browser-Kompatibilität

Siehe auch