text-overflow
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Das SVG-Attribut text-overflow gibt an, wie Textinhaltselemente dargestellt werden, wenn Text die Linienboxen überläuft. Dies kann zum Beispiel passieren, wenn das white-space-Attribut oder die CSS-Eigenschaft white-space den Wert nowrap hat. Die Eigenschaft gilt nicht für vorformatierten Text oder Text, der sich auf einem Pfad befindet.
In SVG hat text-overflow eine Wirkung, wenn ein gültiger Umbruchbereich angegeben ist, unabhängig vom berechneten Wert der overflow-Eigenschaft im Textinhaltselement. Die Wirkung ist rein visuell: abgeschnittener Text wird nicht aus dem DOM entfernt, und jedes eventuell angezeigte Auslassungszeichen wird nicht selbst Teil des DOM. Für alle DOM-Methoden ist es so, als ob text-overflow nicht angewendet wurde und als ob der Umbruchbereich den Text nicht einschränken würde.
Hinweis:
Als Präsentationsattribut hat text-overflow auch ein entsprechendes CSS-Attribut: text-overflow. Wenn beide angegeben sind, hat die CSS-Eigenschaft Vorrang.
Verwendungshinweise
| Wert | clip | ellipses |
|---|---|
| Standardwert | clip |
| Animierbar | Nein |
clip-
Jeglicher Text, der den Umbruchbereich überläuft, wird abgeschnitten. Zeichen können teilweise gerendert werden. Dies ist der Standardwert.
ellipsis-
Wenn der zu darstellende Text den Umbruchbereich überläuft, wird der Text abgeschnitten und ein Auslassungszeichen so gerendert, dass es in den gegebenen Bereich passt.
Für weitere Informationen siehe die CSS text-overflow-Eigenschaft.
Spezifikationen
| Specification |
|---|
| CSS Overflow Module Level 3 # text-overflow |
| Scalable Vector Graphics (SVG) 2 # TextOverflowProperty |
Browser-Kompatibilität
Loading…
Siehe auch
- CSS
text-overflowEigenschaft