Margini CSS. Margin - Proprietatea shorthand.

Susține Lectii-Virtuale!

Margin - Proprietatea shorthand

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

• margin-top
• margin-right
• margin-bottom
• margin-left

Iată, deci, cum funcționează:

Dacă proprietatea margin are patru valori:

margin: 25px 50px 75px 100px;

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

Exemplu:

Utilizați proprietatea shorthand margin cu patru valori:

p {
  margin: 25px 50px 75px 100px;
}

Dacă proprietatea margin are trei valori:

margin: 25px 50px 75px;

• top margin este de 25px.
• right și  left margins sunt de 50px.
• bottom margin este de 75px.

Exemplu:

Utilizați proprietatea shorthand margin cu trei valori:

p {
  margin: 25px 50px 75px;
}

Dacă proprietatea margin are două valori:

margin: 25px 50px;

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

Exemplu:

Utilizați proprietatea shorthand margin cu două valori:

p {
  margin: 25px 50px;
}

Dacă proprietatea margin are o valoare:

margin: 25px;

• toate cele patru margini sunt de 25px

Exemplu:

Utilizați proprietatea shorthand margin cu o valoare:

p {
  margin: 25px;
}