Want to share your CSS expertise with others? Apply to the MDN Fellowship by April 1! http://mzl.la/MDNFellowship

mozilla
Ihre Suchergebnisse

    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