CSS-Eigenschaft Text-Align – Textausrichtung
- Schriftart definieren
- Schriftgröße definieren
- Schriftfarbe definieren
- Textausrichtung
- Text-Dekoration
- Hintergrundfarbe definieren
- Schriftfarbe definieren
- Rahmen – Border
- HTML Farbnamen
- CSS Box-Modell
- Außenabstand – Margin
- Innenabstand – Padding
- Rahmen – Border
- CSS Float Modell
- Art der Positionierung: Position
- Art der Darstellung: Display
- Außenabstand – Margin
- Innenabstand – Padding
- Rahmen – Border
- CSS Float Modell
- CSS Selektoren
- CSS Maßeinheiten
Inhaltsübersicht CSS Grundlagen
Eigenschaften für Text
Farben und Hintergründe definieren
Grundlagen Box-Modell?
Box-Positionierung
Text ausrichten: CSS Property text-align
Die CSS-Eigenschaft text-align dient der Ausrichtung von Text und Inline-Elementen. Mit text-align kann auch ein Bild zentriert werden. Dies funktioniert allerdings nur dann, wenn sich das Bild innerhalb eines Block-Elements, z.B. ein div, befindet.
| Beschreibung | mögliche Werte | Standardwert | Kategorie |
|---|---|---|---|
| Textausrichtung | left right center justify initial inherit | left | Textdarstellung Text |
Die »Angabe in oranger Schrift« ist die Standardanwendung dieser CSS-Eigenschaft.
Die Eigenschaft text-align wirkt nur in Block-Elementen.
left richtet den Text linksbündig aus.
right richtet den Text rechtsbündig aus.
center zentriert den Text horizontal.
justify richtet den Text im Blocksatz aus.
Vermeide die Textausrichtung justify (Blocksatz), da unterschiedlich große Leerräume zwischen den Wörtern die Lesbarkeit des Textes beeinträchtigen.
initial erzwingt die Wiederherstellung der ursprünglichen
(Englisch »initial«) Textausrichtung. D.h. der Wert »initial« stellt für die Eigenschaft die Standardeinstellung wieder ein. Das ist für westliche Sprachen left.inherit erzwingt die Vererbung
(Englisch »inheritance«) der Textausrichtung vom übergeordneten Element.
p {
text-align: left;
}
h1 {
text-align: center;
}
h2, h3 {
text-align: left;
}