CSS Margins – Margin – Individual Sides

CSS margin– notiune intalnita in limbajul HTML si folosita in fisierele de tip CSS pentru determinarea distantelor dintre marginile elementelor web.
Iata cateva exemple in folosirea notiuni MARGIN – mai precis spatiul dintre marginea unui continut sau element web.

Margin properties

Spatiul liber poate avea diferite proprietati si specificatii dupa cum urmeaza:

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

Exemplu de folosire Margin intr-un fisier CSS:
CODE:
[su_note note_color=”#d6dfe2″]
p {
margin-top: 50px;
margin-right: 30px;
margin-bottom: 50px;
margin-left: 80px;
}[/su_note]

Exemplu pentru valori margin:

margin: 25px 50px 75px 100px;

• top margin is 25px
• right margin is 50px
• bottom margin is 75px
• left margin is 100px

Exemplu pentru DOUA valori margin:

Iata proprietatile codului padding pentru doua valori:

margin: 25px 50px;

• top and bottom margins are 25px
• right and left margins are 50px

Exemplu pentru o singura valoare margin:

Toate valorile margin au 25px (top, right,bottom, left):

margins: 25px;

• all four margins are 25px

Valori margine Auto

Pe orizontala valoarea margini este setata auto fapt ce determina adaptare automata pe dispozitive media.
[su_note note_color=”#d6dfe2″]
div {
    width: 300px;
    margin: auto;
    border: 1px solid red;
}[/su_note]

Legenda
Top- sus;
Right – dreapta;
Bottom – jos:
Left – stanga.