Definiscono lo spazio attorno agli elementi.

Proprietà CSS Margin

Definisce lo spazio tra gli elementi

Margini CSS

Definiscono lo spazio attorno agli elementi.

Proprietà:

Proprieta	Descrizione	Valori	Esempi
margin	Per impostare tutti i valori in una volta	margin-top margin-right margin-bottom margin-left	¤ margin ¤
margin-top	Per impostare il margine in alto	auto lunghezza percentuale	¤ margin-top ¤
margin-right	Per impostare il margine a destra	auto lunghezza percentuale	¤ margin-right ¤
margin-bottom	Per impostare il margine in basso	auto lunghezza percentuale	¤ margin-bottom ¤
margin-left	Per impostare il margine a sinistra	auto lunghezza percentuale	¤ margin-left ¤

margin

Serve ad impostare tutte le proprietà margin in una sola dichiarazione. (in sequenza i valori sono per alto-destra-basso-sinistra)

Valori possibili sono:

margin-top
margin-right
margin-bottom
margin-left

Esempio

body{
  margin: 0px;
}
.Margine10Px {
  width: 100px;
  height: 100px;
  border: 1px solid #000000 ;
  margin: 10px 10px 10px 10px;
}

¤ Clicca qui per visualizzare la demo dell'esempio... ¤

margin-top

Imposta il margine in alto di un elemento.

Valori possibili sono:

auto
una lunghezza
una percentuale

Esempi

body{
  margin: 0px;
}
.MargineAlto10Px {
  width: 100px;
  height: 100px;
  border: 1px solid #000000 ;
  margin-top: 10px;
}

¤ Clicca qui per visualizzare la demo dell'esempio... ¤

margin-right

Imposta il margine a destra di un elemento.

Valori possibili sono:

auto
una lunghezza
una percentuale

Esempio

body{
  margin: 0px;
}
.MargineDestra10Px {
  width 100px;
  height 100px;
  border 1px solid #000000 ;
  margin-right: 10px;
}

¤ Clicca qui per visualizzare la demo dell'esempio... ¤

margin-bottom

Imposta il margine in basso di un elemento.

Valori possibili sono:

auto
una lunghezza
una percentuale

Esempio

body{
  margin: 0px;
}
.MargineSotto10Px {
  width 100px;
  height 100px;
  border 1px solid #000000 ;
  margin-bottom: 10px;
}

¤ Clicca qui per visualizzare la demo dell'esempio... ¤

margin-left

Imposta il margine sinistro di un elemento.

Valori possibili sono:

auto
una lunghezza
una percentuale

Esempi

body{
  margin: 0px;
}
.MargineSinistra10Px {
  width 100px;
  height 100px;
  border 1px solid #000000 ;
  margin-left: 10px;
}

¤ Clicca qui per visualizzare la demo dell'esempio... ¤

css

css menu font css template css css align css javascript css templates dvd css css tutorial css center css download html css css vertical css firefox css margin css div css editor dvd region css css float css link css design css overflow css border css style text css css ie background css css generator css ul css reference css position css padding css input css class css images css layout css server css software css a table css css background image css img css mozilla css css filter css validator cisco css css zen css examples css properties css hover css zen garden image css what is css css list styles css css display css training css form box css css help css program background image css clan css css background css body css bordi css font css frame css guida completa css horizontal css html css image css img css layer css p css region css table css testo css text css vault css zengarden div css firefox css float css form css guida ai css guida css immagine css immagini css javascript css manuale css menu css protezione css rapid css region css strumenti di decodifica css style css manuale istruzioni usare documentazione css tutorial advanced css tutorial corso css css div tutorial css guida css guida completa css manuale css menu tutorial css tutorial download guida guida ai css guida css manuale css tutorial css

css, guida, Tutorial,

Vai nel sito Morpheusweb.it - Risorse per Webmaster
asp, dhtml

Morpheusweb.it - Risorse per Webmaster" tratta di asp, javascript, php, guida, Tutorial

Definiscono lo spazio attorno agli elementi.

body{ margin: 0px; } .Margine10Px { width: 100px; height: 100px; border: 1px solid #000000 ; margin: 10px 10px 10px 10px; }

body{ margin: 0px; } .MargineAlto10Px { width: 100px; height: 100px; border: 1px solid #000000 ; margin-top: 10px; }

body{ margin: 0px; } .MargineDestra10Px { width 100px; height 100px; border 1px solid #000000 ; margin-right: 10px; }

body{ margin: 0px; } .MargineSotto10Px { width 100px; height 100px; border 1px solid #000000 ; margin-bottom: 10px; }

body{ margin: 0px; } .MargineSinistra10Px { width 100px; height 100px; border 1px solid #000000 ; margin-left: 10px; }

css

body{
margin: 0px;
}
.Margine10Px {
width: 100px;
height: 100px;
border: 1px solid #000000 ;
margin: 10px 10px 10px 10px;
}

body{
margin: 0px;
}
.MargineAlto10Px {
width: 100px;
height: 100px;
border: 1px solid #000000 ;
margin-top: 10px;
}

body{
margin: 0px;
}
.MargineDestra10Px {
width 100px;
height 100px;
border 1px solid #000000 ;
margin-right: 10px;
}

body{
margin: 0px;
}
.MargineSotto10Px {
width 100px;
height 100px;
border 1px solid #000000 ;
margin-bottom: 10px;
}

body{
margin: 0px;
}
.MargineSinistra10Px {
width 100px;
height 100px;
border 1px solid #000000 ;
margin-left: 10px;
}