The StyleWorksCSS { Referenz · Labor · Übungen }
  1. Startseite
  2. Referenz
  3. Schnellreferenz
  4. Text-Eigenschaften

Schnellreferenz · CSS 2.1

Schnellreferenz Text-Eigenschaften

Alle Eigenschaften des Kapitels in Tabellenform: mögliche Werte, Ausgangswert, Vererbung, Anwendbarkeit, Bezugswert für Prozentangaben und Mediengruppe – und die Browser-Unterstützung mit ihren Einschränkungen.

Erstveröffentlichung Vollreferenz alle Eigenschaften

Was in diesem Kapitel steht

Kapitel 16 beschreibt, was mit dem Text innerhalb einer Zeile geschieht: Ausrichtung, Einzug, Laufweite, Wortabstand, Groß- und Kleinschreibung, Unterstreichung und die Behandlung des Leerraums. Bis auf zwei Ausnahmen werden alle Eigenschaften des Kapitels vererbt.

Die beiden Ausnahmen sind die Unterstreichung und die senkrechte Ausrichtung, und beide aus gutem Grund: Die Unterstreichung wirkt ohnehin über die Nachfahren hinweg, ohne vererbt zu werden, und eine vererbte senkrechte Ausrichtung würde jede verschachtelte Inline-Box gegenüber ihrer Zeile verschieben. Beim Einzug und beim Wortabstand nennt die Spalte für den Bezugswert die Breite des enthaltenden Blocks – ein Einzug in Prozent wächst also mit der Spaltenbreite.

Browser-Unterstützung

EigenschaftBrowser-Support
word-spacing
Alle Browser:
Die Eigenschaft word-spacing wird von allen modernen Browsern unterstützt, mit einer Besonderheit:
Opera 7, 8
Deklariert man einen negativen Wert, der größer als der normale Raum zwischen Worten ist, würden sich theoretisch benachbarte Worte überlappen. Opera bis zur Version 7.x fügt einfach einen Zeilenvorschub ein, sodass jedes Wort am Beginn einer neuen Zeile steht.
Von Version 8 an werden in diesem Fall die Worte ohne Abstand hinter einander gesetzt. Dies widerspricht nicht der Spezifikation.

letter-spacing
Alle Browser
Die Eigenschaft letter-spacing wird von allen modernen Browsern unterstützt, ohne Ausnahmen.

text-align
Alle Browser:
Die Eigenschaft text-align wird von allen modernen Browsern ohne Einschränkung unterstützt.

text-decoration
IE/Win 7
IE/Win erkennt den Wert blink nicht. Das kann aber nicht als Mangel gewertet werden, denn die Spezifikation erlaubt die Missachtung dieses Wertes.
Konqueror 3.5
Konqueror akzeptiert nicht den Wert blink. Auch hier nicht als Mangel gewertet.

text-indent
Alle Browser:
Die Eigenschaft text-indent wird von allen modernen Browsern ohne Einschränkung unterstützt.

text-shadow
Alle Browser:
Die Eigenschaft text-shadow wird bis heute von keinem Browser erkannt, mit einer Ausnahme:
Safari 1.3
Der Apple-Browser stellt diese Eigenschaft richtig dar, nur mehrfache Textschatten unterstützt er bisher nicht.
Konqueror 3.5
Auch der Konqueror stellt diese Eigenschaft richtig dar, solange es nur um einfache Schattenwirkungen geht.

text-transform
Alle Browser:
Die Eigenschaft text-transform wird von allen modernen Browsern ohne Einschränkung unterstützt.

white-space
Alle Browser:
Alle Werte aus CSS 2 werden korrekt dargestellt, die mit CSS 2.1 neu hinzu gekommenene Werte pre-wrap und pre-line dagegen nicht.

Schnellreferenz-Tabelle

Cascading Style Sheets ::Schnellreferenz

CSS 1 & CSS 2: Text-Eigenschaften

Die Stylesheet-Schnellreferenz kann auch als PDF-Datei herunter geladen werden.

Eigenschaft Mögliche
Werte		 Ausgangs-
wert		 Vererbung Anwend-
barkeit		 %-Bezugs-
wert		 Medien-
gruppe
Eigenschaft Mögliche
Werte		 Ausgangs-
wert		 Vererbung Anwend-
barkeit		 %-Bezugs-
wert		 Medien-
gruppe

Hinweis 1:
Die Werte dieser Eigenschaft können mit Ausnahme von none und inherit miteinander kombiniert werden.
word-spacing
Längenwerte
normal
inherit
 normal Ja Alle Elemente Nicht zutreffend Visual
letter-spacing
Längenwerte
normal
inherit
 normal Ja Alle Elemente Nicht zutreffend Visual
text-decoration
none
overline
underline
line-through
blink 1)
inherit
 none Nein (Über- spannung) Alle Elemente Nicht zutreffend Visual
text-transform
none
uppercase
lowercase
capitalize
inherit
 none Ja Alle Elemente Nicht zutreffend Visual
text-align
(siehe auch Tabelleneigenschaften)
left
right
center
justify
inherit
 Abhängig von Anwender- programm und Schreibrichtung Ja Block- Level- Elemente, Tabellenzellen, Inline-Blocks Nicht zutreffend Visual
text-indent
Längenwerte
Prozentangabe
inherit
 0 Ja Block- Level- Elemente, Tabellenzellen, Inline-Blocks Breite des umschließenden Blocks Visual
white-space
normal
pre
nowrap
pre-wrap
pre-line
inherit
 normal Ja Block-Level- Elemente Nicht zutreffend Visual
text-shadow

Nicht CSS 2.1!
none
Farbwert
2 Längenwerte (Abstand)
1 Längenwert (Schatten)
inherit
 none Nein Alle Elemente Nicht zutreffend Visual