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:


p {
margin-top: 50px;
margin-right: 30px;
margin-bottom: 50px;
margin-left: 80px;
}

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.


div {
    width: 300px;
    margin: auto;
    border: 1px solid red;
}

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

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

Acest sit folosește Akismet pentru a reduce spamul. Află cum sunt procesate datele comentariilor tale.