Vai ai contenuti

LAU

Home > Proprietà CSS2 > Proprietà per i margini

Proprietà CSS2

Proprietà per i margini

Tabella riassuntiva e descrittiva delle funzionalità, valori e supporto dei browser relativa alla specifiche dei CSS2 per la gestione dei margini.

  • NN: indica da quale versione di Netscape Navigator viene supportata la proprietà.
  • IE: indica da quale versione di Internet Explorer viene supportata la proprietà.
  • MF: indica da quale versione di Mozilla Firefox viene supportata la proprietà.
Proprietà Valori IE NN MF
margin margin-top
margin-right
margin-bottom
margin-left		 4.0 4.0 1.0
margin-bottom auto
<lunghezza>
% 		4.0 4.0 1.0
margin-left auto
<lunghezza>
% 		3.0 4.0 1.0
margin-right auto
<lunghezza>
%		 3.0 4.0 1.0
margin-top auto
<lunghezza>
%		 3.0 4.0 1.0

Esempi dimostrativi delle funzionalità di alcune proprietà per i margini:

torna alla lista completa delle proprietà

margin

La proprietà margin è una proprietà a sintassi abbreviata con cui si può definire sinteticamente con una sola dichiarazione:

  • margin-top;
  • margin-right;
  • margin-bottom;
  • margin-left.
h1{
margin: 10px;
}

In questo esempio tutti e quattro i margini dell'elemento <h1> saranno di 10 pixel.

torna alla tabella

margin-bottom

La proprietà margin-bottom definisce il margine inferiore di un elemento.
La proprietà margin-bottom ammette i seguenti valori:

  • auto (valore predefinito);
  • <lunghezza> (definisce un valore fisso del margine);
  • % (definisce un valore in percentuale del margine).

Sono consentiti anche valori negativi.

h2{ 
margin-bottom: -20px;
}

In questo esempio il valore del margine inferiore č negativo.

torna alla tabella

margin-left

La proprietà margin-left definisce il margine sinistro di un elemento.
La proprietà margin-left ammette i seguenti valori:

  • auto (valore predefinito);
  • <lunghezza> (definisce un valore fisso del margine);
  • % (definisce un valore in percentuale del margine).

Sono consentiti anche valori negativi.

h1{ 
margin-left: 10px;
}

In questo esempio il valore del margine sinistro č 10 pixel.

torna alla tabella

margin-right

La proprietà margin-right definisce il margine destro di un elemento.
La proprietà margin-right ammette i seguenti valori:

  • auto (valore predefinito);
  • <lunghezza> (definisce un valore fisso del margine);
  • % (definisce un valore in percentuale del margine).

Sono consentiti anche valori negativi.

h1{ 
margin-right: 10px;
}

In questo esempio il valore del margine destro č 10 pixel.

torna alla tabella

margin-top

La proprietà margin-top definisce il margine superiore di un elemento.
La proprietà margin-top ammette i seguenti valori:

  • auto (valore predefinito);
  • <lunghezza> (definisce un valore fisso del margine);
  • % (definisce un valore in percentuale del margine).

Sono consentiti anche valori negativi.

h1{ 
margin-top: 10px;
}

In questo esempio il valore del margine superiore č 10 pixel.

torna alla tabella

[ Torna all’inizio della pagina ]

Sito realizzato dal Laboratorio di Accessibilità e Usabilità del CSI-Piemonte - Dichiarazione di accessibilità

[ Torna all’inizio della pagina ]