text-align

Übersicht

Die text-align Eigenschaft legt fest, wie Inhalte in Block-Elementen horizontal ausgerichtet werden. Die Ausrichtung des Elementes selbst wird nicht bestimmt, nur der Inhalt der sich innerhalb des Elements befindet, wird beeinflusst.

  • Standardwert: start
  • Anwendbar auf: block, table-cell und inline-block Elemente
  • Vererbbar: Ja
  • Prozentwerte: Nein
  • Medium: visuell
  • berechneter Wert: wie festgelegt

Syntax

 text-align:  left | center | right | justify | start | end | -moz-left | -moz-center | -moz-right | inherit

Werte

left
Linksbündig, der Text wird an der linken Seite des Textbereiches ausgerichtet.
center
Zentriert, der Text wird in der Mitte des Textbereiches ausgerichtet.
right
Rechtsbündig, der Text wird an der rechten Seite des Textbereiches ausgerichtet.
justify
Blocksatz, die Leerzeichen werden so angepasst, dass der Text an der linken und rechten Seite des Textbereiches eine gerade Linie bildet.
start
Standardwert. Verhält sich genau wie left, wenn die Textrichtung ltr ist und wie right, wenn die Textrichtung rtl ist.
end
Verhält sich genau wie right, wenn die Textrichtung ltr ist und wie left, wenn die Textrichtung rtl ist.
inherit
Der Wert des Elternelements wird geerbt.

Mozilla Erweiterungen

-moz-left
Richtet Inline- sowie Blockelemente linksbündig aus.
-moz-center
Zentriert Inline- sowie Blockelemente.
-moz-right
Richtet Inline- sowie Blockelemente rechtsbündig aus.

Beispiele

Live Beispiel zu den Basiswerten nach CSS 2.1

Beispiel zur Ausrichtung von Blockelementen:

div { text-align: center; border: 1px solid; }

p { background:gold; width:22em; }

inline content...
div { text-align: center; border: 1px solid; }

p { background:gold; width:22em; margin: 1em auto; }

inline content...
div { text-align:-moz-center; text-align:-webkit-center; border: 1px solid; }

p { background:gold; width:22em; }

inline content...

Hinweise

Der Standardkonforme Weg, um ein Blockelement horizontal zu zentrieren, ist eine Angabe von margin: 0 auto; im zu zentrierenden Blockelement selbst.

Browser Kompatibilität

Browser Basiswerte nach CSS 2.1 Ausrichtung von Blockelementen start Wert end Wert
Internet Explorer 3.0 --- --- ---
Firefox (Gecko) 1.0 (1.0) 1.0 (1.0) -moz-left | -moz-center | -moz-right 1.0 (1.0) 3.6 (1.9.2)
Opera 3.5 --- --- ---
Safari (WebKit) 1.0 (85) 1.0 (85) -khtml-left | -khtml-center | -khtml-right 3.1 (525) 3.1 (525)
1.3 (312) -khtml-left | -khtml-center | -khtml-right |
-webkit-left | -webkit-center | -webkit-right

Spezifikation

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Schlagwörter:
Mitwirkende an dieser Seite: SJW, Michael2402, fscholz
Zuletzt aktualisiert von: fscholz,
Seitenleiste ausblenden