English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento CSS

Regole @CSS (RULES)

Manuale completo delle proprietà CSS

Metodi di utilizzo e esempi dell'attributo margin CSS

L'attributo margin CSS imposta i margini su tutti e quattro i lati dell'elemento. Èmargin-top,margin-right,margin-bottomemargin-leftProprietà abbreviate dell'attributo.

La tabella sottostante fornisce la descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi di utilizzo della proprietà nel linguaggio JavaScript.

默认值:Valore predefinito: }}
0Applicabile a: Tutti gli elementi, ma tabledisplay type以外的元素除外。 tabella caption inline-table. È anche applicabile a ::first-letter.
Ereditarietà:No
Animabile:Sì.Vedere Proprietà animazione.
Versione:CSS 1, 2, 3
Sintassi JavaScript:object.style.margin="20px 15px"

Sintassi

La sintassi di questa proprietà è la seguente:

margin: [length | percentage | auto] 1 to 4 values | initial | inherit

Gli esempi seguenti illustrano come utilizzare la proprietà margin.

  h1 {
   margin: 25px;
  }
  p {
   margin: 50px 100px;
  }
Testa per vedere‹/›

Questo segno di brevetto può essere utilizzato con un, due, tre o quattro valori separati da spazi.

  • Se impostatoUn valoreQuesta margine viene applicata a tutte e quattro le facce.

  • Se impostatoDue valoriSe impostato, il primo valore viene applicato in alto e in basso, il secondo valore viene applicato a destra e a sinistra.

  • Tre valori rispettivamenteApplicato in alto, orizzontale (cioè sinistro e destro) e basso.

  • Quattro valoriApplicato in sequenza in alto, destra, basso, sinistra.

Valore della proprietà

La tabella sottostante descrive i valori di questa proprietà.

ValoreDescrizione
margin-topImposta il margine superiore dell'elemento.
margin-rightImposta il margine destro dell'elemento.
margin-bottomImposta il margine inferiore dell'elemento.
margin-leftImposta il margine sinistro dell'elemento.
initialImposta questa proprietà al suo valore predefinito.
inheritSe specificato, l'elemento correlato utilizza il valore della proprietà margin dell'elemento padre.

Compatibilità del browser

Compatibilità del browser per le proprietà margin, i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser principali supportano questa proprietà.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 4+

Leggi di più

Ecco la guida seguente:Margine CSS,Modello Box CSS.

Proprietà correlate:margin-top,margin-right,margin-bottom,margin-left.