Властивість CSS Padding використовується щоб визначити простір між вмістом елемента та межею елемента .
Він відрізняється від поля CSS тим, що поле CSS визначає простір навколо елементів. На відступ CSS впливають кольори фону. Це очищає область навколо вмісту.
Відступи зверху, знизу, зліва та справа можна змінювати незалежно за допомогою окремих властивостей. Ви також можете змінити всі властивості одночасно, використовуючи скорочену властивість padding.
Властивості заповнення CSS
| Власність | опис |
|---|---|
| оббивка | Він використовується для встановлення всіх властивостей padding в одній декларації. |
| padding-left | Використовується для встановлення лівого відступу елемента. |
| padding-right | Використовується для встановлення правого відступу елемента. |
| набивка-верх | Він використовується для встановлення верхнього відступу елемента. |
| підкладка-низ | Використовується для встановлення нижнього відступу елемента. |
Значення заповнення CSS
| Значення | опис |
|---|---|
| довжина | Він використовується для визначення фіксованого відступу в pt, px, em тощо. |
| % | Він визначає відступ у % вмісту елемента. |
Приклад заповнення CSS
p { background-color: pink; } p.padding { padding-top: 50px; padding-right: 100px; padding-bottom: 150px; padding-left: 200px; } <p>This is a paragraph with no specified padding.</p> <p>This is a paragraph with specified paddings.</p> Перевірте зараз Вихід:
Це абзац без визначеного відступу.
Це абзац із заданими відступами.