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.