CSS Vertikale Ausrichtung
Wie kann ich einen Basistext oder Powertext erstellen?
Wie kann ich eine Unterzeile oder Supertext erstellen?
Erklärung
Eigenschaft:
Vertikale AusrichtungUsage:
vertical-align: baseline; vertical-align: sub; vertical-align: super; vertical-align: 50%; vertical-align: pt | px | cm; Definition:
Mit diesem Attribut können wir unseren Text dekorieren. Einen Basis- und Powertext erstellen.
Es nimmt die folgenden Werte.
a)baseline : Dieser Text wird normal gezeigt.
b)sub : Dieser Text wird als ein sub Text gezeigt. Es wird unter den normalen Text liegen.
c)super : Dieser Text wird als ein super Text gezeigt. Es wird höher von dem normalen Text liegen.
d)% : Dieser Wert kann in Prozenten eingestellt werden, wie 50%, etc...
e)pt | px | cm : Der Wert kann in Punkte oder Pixel oder cm eingestellt werden
Beispiel 1: Folgendes ist <font style="vertical-align: baseline;"> ein schrifthaltender Text </font> Beispiel.
Ergenis:
Folgendes ist ein schrifthaltender Text Beispiel.
Beispiel 2: Folgendes ist <font style="vertical-align: sub;"> ein Sub line Text </font> Beispiel.
Ergenis:
Folgendes ist ein Sub Text Example.
Folgendes ist <font style="vertical-align: super;"> ein Super Line Text </font> Beispiel.
Ergenis:
Folgendes ist ein Super Line Text Beispiel.
Beispiel 4: Folgendes ist <font style="vertical-align: -10px;"> Pixel </font> Beispiel.
Ergenis:
Folgendes ist Pixel Beispiel.
Anmerkung: Um einen Untertext zu erstellen, sollten wir die Werte negativ einstellen. Diese Regel gilt auch für %,pt und cm. Im Beispiel von oben, statt px können wir use pt(Punkte) oder cm(Zentimeter) or % (Prozentsatz) Werte auch verwenden.