Savybė padding

Savybė padding nustato elemento vidinę paraštę. Savybės reikšmėmis gali būti bet kokios dydžių vienetų reikšmės. Pagal nutylėjimą kiekviena naršyklė gali pridėti elementams įvairias paraštes. Ši savybė yra sutrumpinimas savybėms padding-top, padding-right, padding-bottom, padding-left.

Sintaksė

selektorius {
	padding: reikšmė;
}

Savybė padding priima 1, 2, 3 arba 4 reikšmes, išvardintas per tarpą:

Skaičius	Aprašymas
`1`	Viena reikšmė nustato paraštę iš visų elemento pusių.
`2`	Pirmoji reikšmė nustato paraštę viršuje ir apačioje, o antroji - dešinėje ir kairėje.
`3`	Pirmoji reikšmė nustato paraštę viršuje, antroji - dešinėje ir kairėje, o trečioji - apačioje.
`4`	Pirmoji reikšmė nustato paraštę viršuje, antroji - dešinėje, trečioji - apačioje, o ketvirtoji - kairėje.

Šiuo atveju pagal nutylėjimą vidinė paraštė bus lygi nuliui ir tekstas bus prigludęs prie bloko ribos:

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

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

O dabar padarykime vidinę paraštę 30px:

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

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

Dabar paraštė viršuje ir apačioje bus 20px, o dešinėje ir kairėje - 5px:

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

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

Dabar paraštė viršuje 5px, dešinėje - 15px, apačioje - 25px, kairėje - 35px:

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

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