text-overflow
(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)
Die nicht in der CSS-Spezifikation enthaltene Eigenschaft text-overflow beschreibt den Umgang eines Elements mit überfließendem Text (siehe overflow). Diese Eigenschaft betrifft dabei nur die Breite eines Elements (bzw. die Höhe bei vertikal geschriebenen Sprachen).
Da diese Eigenschaft nur dann Wirkung zeigt, wenn überfließender Inhalt abgeschnitten wird, darf overflow nicht mit visible deklariert sein.
Vererbt: nein
Siehe auch: overflow, white-space, width
Werte
Diese Eigenschaft akzeptiert eine der beiden folgenden Konstanten:
- clip: Der Text wird abgeschnitten.
- ellipsis: Der Text wird abgeschnitten und ein (…)-Zeichen an den Abschnitt angefügt.
Standardwert: clip
Kompatibilität
CSS-Version: ist nicht Bestandteil der CSS-Spezifikation
Funktioniert nur im Internet Explorer für Windows ab Version 6.
Beispiel
Folgende Stilregel gibt an, dass Text innerhalb von Tabellenzellen nicht umbrechen soll, solange er nicht zu groß ist für die Darstellung in der Tabellenzelle. Andernfalls wird er abgeschnitten und ein (...)-Zeichen dahintergestellt:
td {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}| Tipp der data2type-Redaktion: Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright © 2006 der deutschen Übersetzung dpunkt.verlag GmbH
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
dpunkt.verlag GmbH, Ringstraße 19, 69115 Heidelberg