Beispiel
Stellen Sie die Textausrichtung für <h1>, <h2> und <h3> Elemente:
h1 {
text-align: center;
}
h2 {
text-align: left;
}
h3 {
text-align: right;
} Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die text-align-Eigenschaft gibt die horizontale Ausrichtung von Text in einem Element.
| Standardwert: | left if direction is ltr, and right if direction is rtl |
|---|---|
| Vererbt: | yes |
| Anima: | no. Read about animatable |
| Version: | CSS1 |
| JavaScript-Syntax: | object .style.textAlign="right" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| text-align | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
CSS-Syntax
text-align: left|right|center|justify|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| left | Richtet den Text auf der linken Seite | Spiel es " |
| right | Richtet den Text auf der rechten Seite | Spiel es " |
| center | Zentriert den Text | Spiel es " |
| justify | Dehnt die Linien so, dass jede Zeile die gleiche Breite hat (wie in Zeitungen und Zeitschriften) | Spiel es " |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs | Spiel es " |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Mehr Beispiele
Beispiel
Dieses Beispiel zeigt eine erweiterte Text-align Beispiel:
h1 {
text-align: center;
}
p.date {
text-align: right;
}
p.main {
text-align: justify;
} Versuch es selber " Verwandte Seiten
CSS Tutorial: CSS Text
HTML - DOM - Referenz: textAlign property