Својството padding

Својството padding го поставува внатрешниот отстран на елементот. Вредноста на својството се било кои единици за димензии. По стандард, секој прелистувач може да додава различни отстрани на елементите. Својството е кратенка за својствата padding-top, padding-right, padding-bottom, padding-left.

Синтакса

селектор {
	padding: вредност;
}

Број на параметри

Својството padding прифаќа 1, 2, 3 или 4 вредности, наведени преку празно место:

Број	Опис
`1`	Една вредност го задава отстранот од сите страни на елементот.
`2`	Првата вредност го задава отстранот одозгора и одоздола, а втората - оддесно и одлево.
`3`	Првата вредност го задава отстранот одозгора, втората - оддесно и одлево, а третата - одоздола.
`4`	Првата вредност го задава отстранот одозгора, втората - оддесно, третата - одоздола, а четвртата - одлево.

Пример

Во овој случај по стандард внатрешниот отстран ќе биде нула и текстот ќе биде притиснат до границата на блокот:

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

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

Пример

А сега ајде да направиме внатрешен отстран од 30px:

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

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

Пример

Сега отстранот одозгора и одоздола ќе биде 20px, а оддесно и одлево - 5px:

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

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

Пример

Сега отстранот одозгора 5px, оддесно - 15px, одоздола - 25px, одлево - 35px:

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

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

Погледнете исто така

својството margin,
кое го задава надворешниот отстран