Css umplutură, exemple

proprietate CSS padding este responsabil pentru atribuirea indentare în interiorul celulei de la frontiera sa

Sintaxa CSS padding

  • top - indentate din elementul de frontieră superior;
  • dreapta - liniuță de la marginea din dreapta a unui element;
  • de jos - indentare de la limita elementului inferior;
  • stânga - liniuța de frontiera din stânga a unui element;

Valorile pixelilor sunt setate mai des. De asemenea, este posibilă atribuirea sub formă de interes și alte unități CSS valide.

Nota 1
Slujba nu este permisă patru valori. În funcție de numărul de valori ale acțiunii vor fi diferite:

  • Dacă este setat la 3 valori, prima valoare stabilește marginea de sus, iar al doilea - atât stânga și la dreapta, iar al treilea - de jos
  • Dacă este setat la 2, valorile, prima valoare stabilește marginea de sus și de jos, al doilea - de pe partea stângă și dreaptă a conținutului
  • Dacă este setat la 1, ceea ce înseamnă că adâncitura este definită de aceeași crestat toate părțile. De exemplu:

Nota 2
Spre deosebire de proprietățile marjei CSS. valori negative în umplutură nu este permisă.

De asemenea, căptușeala are 4 proprietăți individuale CSS. Fiecare dintre ele este responsabil pentru o anumită direcție.

  • padding-left - adâncitura de pe malul stâng al unui element;
  • padding-dreapta - adâncitura de pe marginea dreaptă a unui element;
  • padding-top - indentat din elementul de frontieră superior;
  • padding-bottom - adâncitura de pe malul stâng al unui element;

Exemple de element diferit în cadrul indentare

Exemplu de text 1. Indent interiorul tag-ului

Iată cum arată pe pagina:

EXEMPLU indentare zero (padding: 0px)

EXEMPLU la fel de spațiu de la toate granițele (padding: 10px)

Exemplu cu diferite indentare (padding: 10px 0px 0px 30px)

Exemplu obiect 2. Indentarea cadrul obiectului