margin (proprietà CSS) imposta, con sintassi abbreviata, la larghezza dei margini (nell’ordine) superiore, destro, inferiore e sinistro dell’elemento HTML.
tips&tricks
Le proprietà margin stabiliscono gli spazi attorno ai bordi degli elementi, secondo il valore auto (il margine è calcolato dal browser), inherit (ereditato), oppure indicandolo in percentuale, px, pt, cm, ecc. (eventualmente con numero negativo).
I margini laterali (destro e sinistro) degli Elementi HTML adiacenti si sommano, mentre quelli superiore ed inferiore degli Elementi sovrapposti no (viene usato solo il margine maggiore, mentre quello minore si contrae).
Sintassi
[selettore] {
margin: [valore/i]
}
| valore | descrizione |
|---|---|
| XXX | XXX |
Esempi
<style>
.margin_1 {
margin: 100px;
border: 3px solid yellow;
}
</style>
<p class="margin_1">Test1</p>
Test1
Tale proprietà consente altresì di centrare orizzontalmente l’elemento nella pagina in modo automatico dopo aver stabilito il width dell’elemento stesso.
<style>
.center_1 {
margin: auto;
width: 50%;
border: 3px solid yellow;
padding: 10px;
}
</style>
<p class="center_1">Test2</p>
Test2
Contenuti correlati
- CSS
- HTML
- JavaScript
- jQuery
- PHP
- SQL
- WORDPRESS
0 Comment