German
Sign in / Sign up

CSS Linke Füllung

Wie kann ich Raum zqischen den Linken Rand und den Text?
Linke Füllung in html mit Stylesheet?

Erklärung

Eigenschaft:

Left Padding
Verwendung:
padding-left: 10px;
padding-left: 10pt;
padding-left: 10%;
padding-left: auto;

Definition:

Dies wird die Linke Füllung 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 die automatische Füllung einstellen.

Beispiel 1:
<div style="padding-left: 20px;">Linke Füllung testen</div>
Result:
Linke Füllung testen

Bemerkung: Der Unterschied zwischen Füllung und Rand ist dass das padding stellt Werte innerhalb des Objektes, und der Rand bewegt das ganze Objekt weg von einem anderen Objekt.
Beispiel 2:
<div style="padding-left: 30pt;">Linke Füllung testen</div>
Ergebnis:
Linke Füllung testen


Beispiel 3:
<div style="padding-left: 10%;">Linke Füllung testen</div>
Wir empfehlen das nicht, weil es mit einigen Browsers wie IE nicht funktionieren konnte

Beispiel 4:
<div style="padding-left: auto;">Linke Füllung testen</div>
Ergebnis:
Linke Füllung testen


PreviousNext

CSS Sujets