Lastnost padding

Lastnost padding določa notranji odmik elementa. Vrednost lastnosti so poljubne enote za velikosti. Privzeto lahko vsak brskalnik elementom doda različne odmake. Lastnost je okrajšava za lastnosti padding-top, padding-right, padding-bottom, padding-left.

Sintaksa

selektor {
	padding: vrednost;
}

Lastnost padding sprejme 1, 2, 3 ali 4 vrednosti, ločene s presledkom:

Število	Opis
`1`	Ena vrednost določa odmik z vseh strani elementa.
`2`	Prva vrednost določa odmik zgoraj in spodaj, druga pa - desno in levo.
`3`	Prva vrednost določa odmik zgoraj, druga - desno in levo, tretja pa - spodaj.
`4`	Prva vrednost določa odmik zgoraj, druga - desno, tretja - spodaj, četrta pa - levo.

V tem primeru bo privzeti notranji odmik nič in besedilo bo pritisnjeno na mejo bloka:

<div id="elem">
	some long text
</div>

#elem {
	padding: 0;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}

Zdaj pa naredimo notranji odmik 30px:

<div id="elem">
	some long text
</div>

#elem {
	padding: 30px;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}

Zdaj bo odmik zgoraj in spodaj 20px, desno in levo pa - 5px:

<div id="elem">
	some long text
</div>

#elem {
	padding: 20px 5px;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}

Zdaj je odmik zgoraj 5px, desno - 15px, spodaj - 25px, levo - 35px:

<div id="elem">
	some long text
</div>

#elem {
	padding: 5px 15px 25px 35px;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}