SELF-Treffen in Mannheim 2025
SELFHTML wird 30 Jahre alt!
Die Mitgliederversammlung findet am 24.05.2025 um 10:00 statt. Alle Mitglieder und Interessierte sind herzlich eingeladen.
Davor und danach gibt es Gelegenheiten zum gemütlichen Beisammensein. → Veranstaltungs-Ankündigung.
CSS/Eigenschaften/text-overflow
Aus SELFHTML-Wiki
< CSS | Eigenschaften
Die Eigenschaft text-overflow weist auf abgeschnittenen Text hin, z.B. durch Auslassungspunkte. text-overflow war ursprüngliche die zusammenfassende Eigenschaft von text-overflow-mode und text-overflow-ellipsis, die es jedoch nicht mehr gibt.
- Erlaubte Werte
-
clip, Text wird abgeschnitten -
ellipsis, "..." zeigen an, dass der Text weitergeht -
'string', eine Zeichenkette zeigt an, dass der Text weitergeht -
initial, setzt es auf den Ausgangswert zurück
-
- Vererbung steuernde Werte
inherit,initial,unsetundrevert - Standardwert
clip
- anwendbar auf
alle Blockelemente
- Vererbung
nein
- animierbar
nein
Beispiel
#nurso {
text-overflow: clip;
}
#punkte {
text-overflow: ellipsis;
}
#string {
text-overflow: " bla bla bla";
}Beachten Sie: text-overflow kann nur wirken, wenn die overflow-Eigenschaft des Containers den Wert
hidden, scroll oder auto hat und zudem der automatische Zeilenumbruch durch white-space: nowrap; verboten wird oder der Text eine feste Höhe hat.Siehe auch
Weblinks
- Spezifikation (W3C): text-overflow property
- Details: caniuse.com
Liste der CSS-Eigenschaftem
- Positionierung und Anzeige
- Abstände
- Benutzeroberfläche
- Container
- generierter Inhalt
- Größenangaben
- Box-Ausrichtung
- Flexbox Layout
- Grid Layout
- Hintergründe
- Listen
- Tabellen
- Scroll Snap
- Rahmen und Schatten
- Schriftformatierung
- Textformatierung
- Textausrichtung
- Umbruchsteuerung
- Transformationen
- Animationen