CSS Padding. Padding - Proprietatea Shorthand. Proprietățiile individuale padding: padding-top, padding-right, padding-bottom, padding-left.

Susține Lectii-Virtuale!

Padding - Proprietatea Shorthand

Pentru a scurta codul, este posibil să specificați toate proprietățiile padding într-o singură proprietate.
Proprietatea padding este o proprietate shorthand pentru următoarele proprietăți individuale padding:

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

Iată, deci, cum funcționează:

Dacă proprietatea padding are patru valori:

padding: 25px 50px 75px 100px;

• top padding este de 25px
• right padding este de 50px
• bottom padding este de 75px
• left padding este de 100px

Exemplu:

Utilizați proprietatea padding cu patru valori:

div {
  padding: 25px 50px 75px 100px;
}

Dacă proprietatea padding are trei valori:

padding: 25px 50px 75px;

• top padding este de 25px
• right și left paddings sunt de 50px
• bottom padding este de 75px

Exemplu:

Utilizați proprietatea padding cu trei valori:

div {
  padding: 25px 50px 75px;
}

Dacă proprietatea padding are două valori:

padding: 25px 50px;

• top și bottom paddings sunt de 25px
• right și left paddings sunt de 50px

Exemplu:

Folosiți proprietatea padding cu două valori:

div {
  padding: 25px 50px;
}

Dacă proprietatea padding are o valoare:

padding: 25px;

• toate cele patru paddings sunt de 25px

Exemplu:

Utilizați proprietatea padding cu o valoare:

div {
  padding: 25px;
}