logo

CSS Padding

Свойство CSS Padding се използва за определяне на пространството между съдържанието на елемента и границата на елемента .

Различава се от CSS полето по начина, по който CSS полето определя пространството около елементите. CSS подпълването се влияе от фоновите цветове. Изчиства зона около съдържанието.

Горната, долната, лявата и дясната подложка могат да се променят независимо с помощта на отделни свойства. Можете също така да промените всички свойства наведнъж, като използвате свойството за стенографски подложки.

CSS Padding Properties

Имот Описание
подплата Използва се за задаване на всички свойства на подложката в една декларация.
padding-left Използва се за задаване на лява подложка на елемент.
padding-right Използва се за задаване на правилна подложка на елемент.
подложка-отгоре Използва се за задаване на горна подложка на елемент.
подплънка-отдолу Използва се за задаване на долната подложка на елемент.

Стойности на CSS Padding

Стойност Описание
дължина Използва се за определяне на фиксирана подложка в pt, px, em и т.н.
% Той определя подпълване в % от съдържащия елемент.

Пример за CSS Padding

 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> 
Тествайте сега

Изход:

Това е абзац без посочена подложка.

Това е параграф с определени подложки.