CSS : MARGINI

di

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;

}

ᐊ Link
Padding ᐅ

Lascia un commento