AcasăTutoriale CSSCSS Margins - Margin - Individual Sides

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;

- Advertisement -
  • 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.

LĂSAȚI UN MESAJ

Vă rugăm să introduceți comentariul dvs.!
Introduceți aici numele dvs.

Recomandam

Comentarii Recente

Matache Dumitra on Contact Hidroelectrica
FILIP on Contact Emag
ionita ionut on Contact Emag
ExpoMedia on Contact Altex
iulian on Contact Altex
ExpoMedia on Contact Emag