CSS Padding. Padding - Individual Sides. Proprietățiile padding: padding-top, padding-right, padding-bottom, padding-left.

CSS Padding

Proprietățiile CSS padding sunt utilizate pentru a genera spațiu în jurul conținutului unui element, în interiorul oricărui chenar definit.
Cu CSS, aveți un control complet asupra padding-ului. Există proprietăți pentru setarea padding-ului pentru fiecare parte a unui element (sus, dreapta, jos și stânga/top, right, bottom, left).

Padding - Individual Sides

CSS are proprietăți pentru specificarea padding-ului pentru fiecare parte a unui element:

padding-top
padding-right
padding-bottom
padding-left

Toate proprietățiile padding pot avea următoarele valori:

length - Specifică un padding în px, pt, cm etc.
% - Specifică un padding în % din lățimea elementului care îl conține.
inherit - Specifică faptul că padding-ul ar trebui să fie moștenit de la elementul părinte.

Notă: Valorile negative nu sunt permise.

Exemplu:

Setați un padding diferită pentru toate cele patru laturi ale unui element <div>:

div {
  padding-top: 50px;
  padding-right: 30px;
  padding-bottom: 50px;
  padding-left: 80px;
}