CSS Rechter Rand
Wie kann ich den rechten Rand in html einstellen mit Stylesheet?
Erklärung
Eigenschaft:
Right MarginVerwendung:
margin-right: 10px;
margin-right: 10pt;
margin-right: 10%;
margin-right: auto;
Definition:
Oft brauchen wir den Rand für unseren Objekte einzustellen. Dies wird den rechten Rand des Objektes einstellen.
Es nimmt die folgenden Werte.
a)pt : Sie können die Werte in Punkte einstellen. (e.g: 10pt or 100pt).
b)px : Sie können die Werte in Pixel einstellen. (e.g: 10px or 100px).
c)% : Sie können die Werte in Prozente einstellen. (e.g: 10% or 100%).
d)auto : Dies wird den Standard rechten Rand einstellen.
Beispiel 1: <div align=right style="
margin-right: 20px;">Rechter Rand testen </div>
Ergebnis:Rechter Rand testen
Bemerkung: Sie können sehen, dass der Text sich 20 pixels vom rechten Rand bewegt hat.
Beispiel 2: <div align=right style="
margin-right: 30pt;">Rechter Rand testen </div>
Ergebnis:Rechter Rand testen
Bemerkung: Sie können sehen, dass der Text sich 30 Punkte vom rechten Rand bewegt hat.
Beispiel 3: <div align=right style="
margin-right: 20%;">Rechter Rand testen </div>
Ergebnis:Rechter Rand testen
Bemerkung: Sie können sehen, dass der Text sich 20 Prozent vom rechten Rand bewegt hat.
Beispiel 4: <div align=right style="
margin-right: auto;">Rechter Rand testen </div>
Ergebnis:Rechter Rand testen