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

Manuale di riferimento CSS

Regole CSS (@RULES)

Completo delle proprietà CSS

Metodo e esempio di utilizzo dell'attributo margin-left CSS

L'attributo CSS margin-left imposta il margine sinistro dell'elemento. Tuttavia, in molti casi, comemarginQuesti attributi CSS abbreviati sono più facili e preferibili da utilizzare.

La tabella sottostante fornisce una descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso in script JavaScript.

Valore predefinito:0
Applicabile a:Tutti gli elementi, ma non table displayelementi di tipo (table-caption table inline-table) esclusi. 。Si applica anche a ::first-letter
Ereditarietà:No
Animabile:Sì.Ecco come fare riferimento: Attributi animazione
Versione:CSS 1, 2, 3
Sintassi JavaScript:oggetto.style.marginLeft="20px"

Sintassi dell'uso di margin-left

La sintassi di questa proprietà è la seguente:

margin-left: length | percentage | auto | initial | inherit

Gli esempi seguenti illustrano come utilizzare la proprietà margin-left.

  h1 {
   margin-left: 25px;
  }
  p {
   margin-left: 50px;
  }
Prova a vedere‹/›

Valore dell'attributo

La tabella sottostante descrive i valori di questa proprietà.

ValoreDescrizione
lengthValore di lunghezza, espresso in px, pt, cm, em ecc. È possibile utilizzare valori negativi.
percentagePercentuale. Calcolata rispetto alla larghezza del blocco contenitore dell'elemento.
autoIl browser calcolerà il margine specificato dell'elemento.
initialImposta questa proprietà al suo valore predefinito.
inheritSe specificato, l'elemento correlato adotta il valore della proprietà margin-left dell'elemento padre.

Compatibilità del browser

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

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 4+

Leggi di più

Ecco una guida da consultare:CSS MarginCSS Box Model

Proprietà correlate:marginmargin-topmargin-rightmargin-bottom