Home > 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.
Proprietà | Valori | IE | NN | MF |
---|---|---|---|---|
margin |
margin-top |
4.0 | 4.0 | 1.0 |
margin-bottom |
auto |
4.0 | 4.0 | 1.0 |
margin-left |
auto |
3.0 | 4.0 | 1.0 |
margin-right |
auto |
3.0 | 4.0 | 1.0 |
margin-top |
auto |
3.0 | 4.0 | 1.0 |
Esempi dimostrativi delle funzionalità di alcune proprietà per i margini:
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.
margin-bottom
La proprietà margin-bottom
definisce il margine inferiore di un elemento.
La proprietà margin-bottom
ammette i seguenti valori:
auto
(valore predefinito); Sono consentiti anche valori negativi.
h2{ margin-bottom: -20px; }
In questo esempio il valore del margine inferiore č negativo.
margin-left
La proprietà margin-left
definisce il margine sinistro di un elemento.
La proprietà margin-left
ammette i seguenti valori:
auto
(valore predefinito); Sono consentiti anche valori negativi.
h1{ margin-left: 10px; }
In questo esempio il valore del margine sinistro č 10 pixel.
margin-right
La proprietà margin-
right
definisce il margine destro di un elemento.
La proprietà margin-
right
ammette i seguenti valori:
auto
(valore predefinito); Sono consentiti anche valori negativi.
h1{ margin-right: 10px; }
In questo esempio il valore del margine destro č 10 pixel.
margin-top
La proprietà margin-
top
definisce il margine superiore di un elemento.
La proprietà margin-
top
ammette i seguenti valori:
auto
(valore predefinito); Sono consentiti anche valori negativi.
h1{ margin-top: 10px; }
In questo esempio il valore del margine superiore č 10 pixel.
[ Torna all’inizio della pagina ]
[ Torna all’inizio della pagina ]
[ Torna all’inizio della pagina ]
[ Torna all’inizio della pagina ]
[ Torna all’inizio della pagina ]
[ Torna all’inizio della pagina ]
[ Torna all’inizio della pagina ]
[ Torna all’inizio della pagina ]
Sito realizzato dal Laboratorio di Accessibilità e Usabilità del CSI-Piemonte - Privacy, cookies e accessibilità