Hier bist Du: Home « Texteigenschaften « vertical-align
 

Vertikale Ausrichtung: vertical-align

Beispiel

Legt die vertikale Ausrichtung innerhalb eines Elements fest. Enthält ein Element Text oder/und Inline-Elemente mit unterschiedlicher Höhe, so kannst du diese mit vertical-align entsprechend der Angabe ausrichten.

<p>Normaler Text
<span style="vertical-align:super">Höher gestellt</span>
Normaler Text
</p>
Initialwert:baseline
Vererbbar:Nein
Anwendbar auf: Inline-Elemente,
Elemente, die mit display:table-cell formatiert sind und <td>-Tags
Medium:Visual
Werte:
sub
Tiefgestellt
super
Hochgestellt
baseline
An der Grundlinie ausrichten
top
Am oberen Rand des Elternelements
bottom
Am unteren Rand des Elternelements
middle
Mittig zwischen den oberen und unteren Rand des Elternelements
text-top
Am oberen Textrand
text-bottom
Am unteren Textrand
Längen- oder Prozentangabe
Eine positive oder negative Angabe verschiebt das Element über oder unter die Grundlinie.
Inherit
Prozentuale Werte: Beziehen sich auf Zeilenhöhe des Elements, für das vertical-align angegeben ist.
Wert Internet Explorer Opera Netscape Mozilla Mozilla Firefox Safari Konqueror
5 5.5 6 MAC 5+ 5 6 7+ 4 6 7+ 1+ 0.8+ 1.0+ 3.3+
Längen- oder Prozentangabe n j j j j j j j j j j j j j
sub,super j j j j j j j n j j j j j j
baseline j j j j j j j j j j j j j j
top j j j j j j j j j j j j j j
bottom j j j j j j j j j j j j j j
middle n j j j j j j j j j j j j j
text-top n j j j j j j j j j j j j j
text-bottom j j j j j j j j j j j j j j