Proprietatea de umplutură CSS este folosit pentru a defini spațiul dintre conținutul elementului și chenarul elementului .
Este diferită de marginea CSS în felul în care marja CSS definește spațiul din jurul elementelor. Umplutura CSS este afectată de culorile de fundal. Curăță o zonă din jurul conținutului.
Căptușeala de sus, de jos, din stânga și din dreapta poate fi schimbată independent folosind proprietăți separate. De asemenea, puteți modifica toate proprietățile simultan, utilizând proprietatea de umplutură pe scurt.
Proprietăți de umplutură CSS
| Proprietate | Descriere |
|---|---|
| căptușeală | Este folosit pentru a seta toate proprietățile de umplutură într-o singură declarație. |
| padding-stânga | Este folosit pentru a seta umplutura din stânga a unui element. |
| umplutura-dreapta | Este folosit pentru a seta umplutura corectă a unui element. |
| padding-top | Este folosit pentru a seta umplutura superioară a unui element. |
| umplutură de fund | Este folosit pentru a seta umplutura inferioară a unui element. |
Valori de umplutură CSS
| Valoare | Descriere |
|---|---|
| lungime | Este folosit pentru a defini umplutura fixă în pt, px, em etc. |
| % | Acesta definește umplutura în % din elementul care conține. |
Exemplu de umplutură 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> Testează-l acum Ieșire:
Acesta este un paragraf fără umplutură specificată.
Acesta este un paragraf cu umpluturi specificate.