Cвойство padding это пространство между содержимым (Content) элемента и его границей (Border). Свойствоa padding является сокращённым свойством для: padding-top, padding-right, padding-bottom, padding-left.
padding создаёт дополнительное пространство внутри элемента, а margin создаёт дополнительное пространство вокруг элемента. Это свойство может иметь от одного до четырёх значений.
Если свойство padding имеет четыре значения:
padding:10px 5px 15px 20px;
верхний отступ 10px
правый отступ 5px
нижний отступ 15px
левый отступ 20px
Если свойство padding имеет три значения:
padding:10px 5px 15px;
верхний отступ 10px
правое и левое заполнение 5px
нижний отступ 15px
Если свойство padding имеет два значения:
padding:10px 5px;
верхний и нижний отступы 10px
правое и левое заполнение 5px
Если свойство padding имеет одно значение:
padding:10px;
все четыре отступа 10px.
padding հատկությունը տարրի բովանդակության (Content) և նրա սահմանի (Border) միջև եղած տարածությունն է: padding հատկությունը հանդիսանում է հետևյալ հատկությունների կրճատումը` padding-top, padding-right, padding-bottom, padding-left: padding-ը տարածություն է ստեղծում տարրի ներսում, իսկ margin-ը տարածություն է ստեղծում տարրի շուրջ: Այս հատկությունը կարող է ընդունել մեկից չորս արժեք:
Եթե padding հատկությունն ունի չորս արժեք՝
padding:10px 5px 15px 20px;
վերևի կողմից տարածությունը՝ 10px
աջ կողմից՝ 5px
ներքևի կողմից՝ 15px
ձախ կողմից՝ 20px
Եթե padding հատկությունն ունի երեք արժեք՝
padding:10px 5px 15px;
վերևի կողմից տարածությունը՝ 10px
աջ և ձախ կողմերից՝ 5px
ներքևի կողմից՝ 15px
Եթե padding հատկությունն ունի երկու արժեք՝
padding:10px 5px;
վերևի և ներքևի կողմերից տարածությունը՝ 10px
աջ և ձախ կողմերից՝ 5px
Եթե padding հատկությունն ունի մեկ արժեք՝
padding:10px;
բոլոր չորս կողմերից տարածությունները՝ 10px.
See the Pen padding by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.
⇓Результат данного примера показан на рисунке⇓
⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓
| Browser | IE | Edge | Chrome | Firefox | Safari | Opera |
|---|---|---|---|---|---|---|
| Version | 6+ | 12+ | 4+ | 2+ | 3.1+ | 10+ |
| Notes |