Padding CSS

Padding-ul este distanta dintre bordura unui element HTML si continutul lui. Majoritatea regulilor de la marginile CSS se aplica si la padding, cu exceptia ca aici nu exista valoarea “auto” si nu pot fi declarate valori negative.

padding-top: lungime procent;
padding-left: lungime procent;
padding-right: lungime procent;
padding-bottom: lungime procent;

Deci sunt 2 posibilitati pentru proprietatea “padding”: lungime si procent. Se poate da padding-ul pentru un element intr-o singura proprietate, astfel:

padding: 10px 10px 10px 10px; (ordinea e sus, dreapta, jos, stanga)

In cazul in care se da o singura valoare, aceasta este valabila pentru toate cele patru laterale ale elementului respectiv. padding: 10px;

Daca se declara doar doua sau trei valori, valorile nedeclarate sunt luate din partile opuse:

padding: 10px 10px; /* 2 valori */
padding: 10px 10px 10px; /* 3 valori */

Cand se declara doar primele doua inseamna ca se aplica valoarea pentru sus si pentru dreapta. Valorile pentru celelalte doua vor fi: jos-sus, stanga-dreapta. Daca nu se declara padding-ul unui element, acesta va fi implicit egal cu zero.