CSS TextFormatierung
Textformatierung
Dieser Text ist mit einigen der Textformatierungseigenschaften formatiert. Die Überschrift verwendet die Eigenschaften text-align, text-transform und color. Der Absatz ist eingerückt, ausgerichtet, und der Abstand zwischen den Zeichen ist angegeben. Die Unterstreichung wurde entfernt vom Link.
Textfarbe
Die Eigenschaft color wird verwendet, um die Farbe des Textes festzulegen.
Farben werden am häufigsten über CSS angegeben:
- Hexadezimalwert - z. B.:＃FF0000
- Ein RGB-Wert - z. B.:RGB(255,0,0)
- Der Name einer Farbe - z. B.:red
Siehe auchCSS-FarbwerteVollständige Farbwerte anzeigen.
Die Hintergrundfarbe einer Webseite bezieht sich auf die Auswahl innerhalb des body:
Für W3C-Standard-CSS: Wenn Sie die Eigenschaft color definieren, müssen Sie auch die Eigenschaft background-color definieren.
Textausrichtung
Die text-align-Eigenschaft wird verwendet, um die horizontale Ausrichtung von Text festzulegen.
Text kann zentriert, links- oder rechtsbündig oder im Blocksatz ausgerichtet werden.
Wenn text-align auf "justify" gesetzt ist, wird jede Zeile auf gleiche Breite gestreckt, und die linken und rechten Ränder werden ausgerichtet (wie in Zeitschriften und Zeitungen).
Beispiel
Selbst ausprobieren »
Textdekoration
Die text-decoration-Eigenschaft wird verwendet, um Textdekorationen festzulegen oder zu entfernen.
Aus Design-Sicht wird die text-decoration-Eigenschaft hauptsächlich verwendet, um die Unterstreichung von Links zu entfernen:
Du kannst Text auch wie folgt dekorieren:
Beispiel
Selbst ausprobieren »
Wir raten davon ab, Text hervorzuheben, der kein Link ist, da dies Benutzer oft verwirrt.
Texttransformation
Die Eigenschaft text-transform wird verwendet, um Groß- und Kleinbuchstaben in einem Text festzulegen.
Sie kann verwendet werden, um alle Wörter in Groß- oder Kleinbuchstaben umzuwandeln oder den ersten Buchstaben jedes Wortes großzuschreiben.
Beispiel
Selbst ausprobieren »
Texteinzug
Die Eigenschaft text-indent wird verwendet, um den Einzug der ersten Textzeile festzulegen.
Weitere Beispiele
Den Abstand zwischen Zeichen angeben
Dieses Beispiel zeigt, wie man den Abstand zwischen Zeichen vergrößern oder verkleinern kann.
Den Abstand zwischen Zeilen angeben
Dieses Beispiel zeigt, wie man den Abstand zwischen Zeilen in einem Absatz festlegt.
Die Textrichtung eines Elements festlegen
Dieses Beispiel zeigt, wie man die Textrichtung eines Elements ändert.
Erhöhen Sie den Leerraum zwischen Wörtern
Dieses Beispiel zeigt, wie man den Leerraum zwischen Wörtern in einem Absatz erhöht.
Textumbruch innerhalb eines Elements deaktivieren
Dieses Beispiel zeigt, wie man den Textumbruch innerhalb eines Elements deaktiviert.
Ein Bild vertikal ausrichten
Dieses Beispiel zeigt, wie man die vertikale Ausrichtung von Text mit Bildern festlegt.
Textschatten hinzufügen
Dieses Beispiel zeigt, wie man Textschatten festlegt.
Alle CSS-Texteigenschaften.
| Eigenschaft | Beschreibung |
|---|---|
| color | Textfarbe festlegen |
| direction | Textrichtung festlegen |
| letter-spacing | Zeichenabstand festlegen |
| line-height | Legt die Zeilenhöhe fest |
| text-align | Richtet Text in einem Element aus. |
| text-decoration | Fügt Textdekoration hinzu |
| text-indent | Rückt die erste Zeile des Textes in einem Element ein. |
| text-shadow | Textschatten festlegen |
| text-transform | Steuert die Buchstaben in einem Element. |
| unicode-bidi | Legt fest oder gibt zurück, ob der Text umgeschrieben wird. |
| vertical-align | Legt die vertikale Ausrichtung eines Elements fest. |
| white-space | Legt fest, wie Leerraum in einem Element behandelt wird. |
| word-spacing | Buchstabenabstand festlegen |