Beispiel
Verwenden des Text-Überlauf-Eigenschaft:
div
{
text-overflow: ellipsis;
}
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Der Text-Überlauf-Eigenschaft gibt an, wie übergelaufenen Inhalte, die nicht angezeigt wird, sollte dem Benutzer signalisiert werden.
| Standardwert: | clip |
|---|---|
| Vererbt: | no |
| Anima: | no. Read about animatable |
| Version: | CSS3 |
| JavaScript-Syntax: | object .style.textOverflow="ellipsis" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
Zahlen, gefolgt von -o- geben Sie die erste Version, die mit einem Präfix gearbeitet.
| Eigentum | |||||
|---|---|---|---|---|---|
| text-overflow | 4.0 | 6.0 | 7.0 | 3.1 | 11.0 9.0 -o- |
CSS-Syntax
text-overflow: clip|ellipsis|string|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| clip | Standardwert. Clips der Text | Spiel es " |
| ellipsis | Machen Sie ein Auslassungszeichen ("...") darstellen abgeschnitten Text | Spiel es " |
| string | Render die angegebene Zeichenfolge abgeschnitten Text darzustellen | |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs | Spiel es " |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Mehr Beispiele
Text-Überlauf mit einer Hover - Effekt
Dieses Beispiel zeigt, wie Sie den gesamten Text anzuzeigen, wenn schweben über dem Element.
Verwandte Seiten
CSS3 Tutorial: CSS3 Text Effects
HTML - DOM - Referenz: textOverflow property