CSS : MARGINI

Impostare i margini attraverso il linguaggio CSS è molto semplice , come probabilmente saprete , i margini impostabili sono 4 :

  1. margin top : speriore 
  2. margin right : destro
  3. margin bottom : inferiore
  4. margin left : sinistro



la proprietà CSS che determina i margini è margin capiamo subito come funziona con un esempio :

PAGINA HTML 

<!doctype html>
<html lang=”it”>
<head>
<link rel = “stylesheet” type = “text/css” href = “style.css”/>
</head>
<body>
</body>
</html>
<h1> MARGINI </h1>
<p> questo è un esempio sui margini </p>

STYLE.CSS

h1 {
margin: 75px;
}

Inserendo un solo valore accanto alla proprietà margin , esso sarà assegnato a tutti e 4 i margini.




DIFFERENZIARE I MARGINI SUPERIORE E INFERIORE

PAGINA HTML 

<!doctype html>
<html lang=”it”>
<head>
<link rel = “stylesheet” type = “text/css” href = “style.css”/>
</head>
<body>
</body>
</html>
<h1> MARGINI </h1>
<p> questo è un esempio sui margini </p>

STYLE.CSS

h1 {
margin: 25px 75px;

}

Inserendo due valori , il primo corrisponde ai margini superiori e inferiori , il secondo corrisponde ai margini laterali 

DIFFERENZIARE TUTTI I MARGINI 


Per differenziare tutti e 4 i margini , l’ ordine di inserimento è : superiore , destro , inferiore , sinistro.

PAGINA HTML 

<!doctype html>
<html lang=”it”>
<head>
<link rel = “stylesheet” type = “text/css” href = “style.css”/>
</head>
<body>
</body>
</html>
<h1> MARGINI </h1>
<p> questo è un esempio sui margini </p>

STYLE.CSS

h1 {
margin: 25px 75px 10px 50px;

}