Својство 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,
које задаје спољашњи одступ