Margini CSS. Margin - Individual Sides. Proprietățiile CSS margin: margin-top, margin-right, margin-bottom, margin-left.

Margini CSS

Proprietățiile CSS margin sunt utilizate pentru a crea spațiu în jurul elementelor, în afara oricărui chenar definit.

Cu CSS, aveți control complet asupra marginilor. Există proprietăți pentru setarea marginii pentru fiecare parte a unui element (sus, dreapta, jos și stânga/top, right, bottom, left).

Margin - Individual Sides

CSS are proprietăți pentru specificarea marginii pentru fiecare parte a unui element:

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

Toate proprietățile marginii pot avea următoarele valori:

auto - browserul calculează marginea.
length - specifică o margine în px, pt, cm etc.
% - specifică o margine în% din lățimea elementului care conține.
inherit- specifică faptul că marginea ar trebui să fie moștenită de la elementul părinte.

Sfat: Valorile negative sunt permise.

Exemplu:

Setați margini diferite pentru toate cele patru laturi ale unui element <p>:

p {
  margin-top: 100px;
  margin-bottom: 100px;
  margin-right: 150px;
  margin-left: 80px;
}