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 legt fest, wie Textinhaltsblockelemente gerendert werden, wenn Text über die Linienboxen hinausgeht. Dies kann beispielsweise geschehen, wenn das Attribut white-space oder die CSS-Eigenschaft 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 einen Effekt, wenn ein gültig spezifizierter Umbruchbereich vorhanden ist, unabhängig vom berechneten Wert der overflow-Eigenschaft auf dem Textinhaltsblockelement. Der Effekt ist rein visuell: Abgeschnittener Text wird nicht aus dem DOM entfernt, und ein gegebenenfalls angezeigtes 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 eingeschränkt hätte.
Hinweis:
Als Präsentationsattribut hat text-overflow auch ein Gegenstück in der CSS-Eigenschaft: text-overflow. Wenn beide angegeben sind, hat die CSS-Eigenschaft Vorrang.
Verwendungsnotizen
| Wert | clip | ellipses |
|---|---|
| Standardwert | clip |
| Animierbar | Nein |
clip-
Jeder Text, der den Umbruchbereich überschreitet, wird abgeschnitten. Zeichen können teilweise gerendert werden. Dies ist der Standardwert.
ellipsis-
Wenn der anzuzeigende Text den Umbruchbereich überschreitet, wird der Text abgeschnitten und ein Auslassungszeichen so gerendert, dass es innerhalb des gegebenen Bereichs passt.
Weitere Informationen finden Sie in der 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-overflow-Eigenschaft