Proprietà per i margini
|
Valori |
|
|
margin-top |
|
|
auto |
|
|
auto |
|
|
auto |
|
|
auto |
Esempi dimostrativi delle funzionalità di alcune proprietà per i margini:
· Esempio: uso della 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.
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.
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.
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.
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.