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