Esempio
Impostare tutti i quattro margini di una <p> elemento:
p
{
margin: 2cm 4cm 3cm 4cm;
}
Prova tu stesso " Definizione e utilizzo
Il margine di proprietà scorciatoia imposta tutte le proprietà dei margini in una dichiarazione. Questa proprietà può avere da uno a quattro valori.
Esempi:
- margin:10px 5px 15px 20px;
- margine superiore è 10px
- margine destro è 5px
- margine inferiore è 15px
- margine sinistro è 20px
- margin:10px 5px 15px;
- margine superiore è 10px
- i margini destro e sinistro sono 5px
- margine inferiore è 15px
- margin:10px 5px;
- i margini superiore e inferiore sono 10px
- i margini destro e sinistro sono 5px
- margin:10px;
- tutti e quattro i margini sono 10px
Note: I valori negativi sono consentiti.
| Valore di default: | 0 |
|---|---|
| Inherited: | no |
| animatable: | yes, see individual properties . Read about animatable Try it |
| Versione: | CSS1 |
| sintassi JavaScript: | object .style.margin="100px 50px" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| margin | 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
CSS Sintassi
margin:length|auto|initial|inherit;I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| length | Specifica un margine in px, pt, cm, ecc valore di default è 0 | Gioca " |
| % | Specifica un margine in percentuale della larghezza dell'elemento contenente | Gioca " |
| auto | Il browser calcola un margine | Gioca " |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Pagine correlate
CSS tutorial: Margine CSS
Tutorial CSS: CSS Box Model
Di riferimento HTML DOM: margin property