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 Textinhaltsblockelemente gerendert werden, wenn Text die Rahmen von Textzeilen ü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 auf einem Pfad platziert ist.
In SVG hat text-overflow eine Wirkung, wenn ein gültig spezifizierter Umbruchbereich vorhanden ist, unabhängig vom berechneten Wert der overflow-Eigenschaft auf dem Textinhaltsblockelement. Die Wirkung ist rein visuell: abgeschnittener Text wird nicht aus dem DOM entfernt, und ein dargestelltes Auslassungszeichen wird selbst nicht Teil des DOM. Für alle DOM-Methoden ist es so, als ob text-overflow nicht angewendet worden wäre und als ob der Umbruchbereich den Text nicht eingeschränkt hätte.
Hinweis:
Als Präsentationsattribut hat text-overflow auch ein entsprechendes CSS-Eigenschaftsgegenstück: text-overflow. Wenn beide angegeben sind, hat die CSS-Eigenschaft Vorrang.
Nutzungshinweise
| Wert | clip | ellipses |
|---|---|
| Standardwert | clip |
| Animierbar | Nein |
clip-
Jeder Text, der den Umbruchbereich überläuft, wird abgeschnitten. Zeichen können teilweise gerendert werden. Dies ist der Standardwert.
ellipsis-
Wenn der zu rendernde Text den Umbruchbereich überläuft, wird der Text abgeschnitten und ein Auslassungszeichen so dargestellt, dass es in den gegebenen Bereich passt.
Für weitere Informationen siehe die CSS-Eigenschaft CSS text-overflow.
Spezifikationen
| Specification |
|---|
| CSS Overflow Module Level 3 # text-overflow |
| Scalable Vector Graphics (SVG) 2 # TextOverflowProperty |
Browser-Kompatibilität
Loading…
Siehe auch
- CSS
text-overflow-Eigenschaft