CSS-Eigenschaft block-overflow

Die CSS-Eigenschaft block-overflow schneidet den Text ab und zeigt an, dass mehr Inhalt folgt, indem eine Ellipse oder eine benutzerdefinierte Zeichenkette nach einer Anzahl von Zeilen eingefügt wird.

Wenn die Box keine Linienbox unmittelbar vor einem Regionsbruch enthält, dann funktioniert die Eigenschaft block-overflow nicht.
Anfangswert clip
Gilt für Block-Containers
Geerbt Ja
Animierbar Nein
Version CSS3
DOM Syntax object.style.blockOverflow= "ellipsis";

Syntax

block-overflow: clip | ellipsis | <string> | initial | inherit;

Beispiel

.module {
block-overflow: [clip | ellipsis | 
<string>
];
max-lines: [
<integer>
]; /* required by block-overflow */
}

Werte

Wert Beschreibung
clip Das Rendering wird nicht beeinflusst.
ellipsis Zeigt eine Ellipse (...) am Ende der letzten Zeile an. Es wird als Unicode-Zeichen (U+2027) dargestellt, kann aber durch ein Äquivalent geändert werden, das auf der Inhaltssprache und dem Schreibmodus des verwendeten Benutzeragenten basiert.
<string> Rendert die angegebene Zeichenkette als Blocküberlaufellipse am Ende der letzten Zeile. Der Browser kann die Zeichenkette abschneiden, wenn sie extrem lang ist.
initial Es setzt die Eigenschaft auf seinen Standardwert.
inherit Es erbt die Eigenschaft von ihrem übergeordneten Element.

Browser-Support

chrome firefox safari opera
14.0
-webkit-
5.0
-webkit-
15.0
-webkit-

Übe dein Wissen

Was bewirkt die CSS-Eigenschaft 'block-overflow'?
Finden Sie das nützlich?