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

Manuale di riferimento CSS

Regole CSS (RULES)

Manuale completo delle proprietà CSS

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

L'attributo CSS 'margin-bottom' imposta il margine inferiore dell'elemento. Tuttavia, in molti casi, comemarginQuesta proprietà CSS abbreviata è più facile da utilizzare e anche più preferibile.

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

Valore predefinito:0
Applicabile a:Tutti gli elementi, ma non table displayElementi di tipo diverso, ecc. table-caption table inline-table. È anche applicabile a ::first-letter.
Ereditarietà:No
Animabile:Sì.Ecco come fare riferimento: Proprietà animazione.
Versione:CSS 1, 2, 3
Sintassi JavaScript:oggetto.style.marginBottom="20px"

Sintassi dell'uso di margin-bottom

La sintassi di questa proprietà è la seguente:

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

Ecco un esempio che dimostra come utilizzare la proprietà margin-bottom.

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

Valore dell'attributo

La tabella sottostante descrive i valori di questa proprietà.

ValoreDescrizione
lengthSpecificare il valore del margine inferiore esterno in unità specifiche, come px, pt, cm, em, ecc., può essere negativo.
percentageSpecificare il margine inferiore esterno in percentuale rispetto alla larghezza del padre.
autoIl browser calcolerà il margine specificato dell'elemento.
initialImposta questa proprietà al suo valore predefinito.
inheritSe specificato, l'elemento correlato utilizza il valore della proprietà margin-bottom dell'elemento padre.

Compatibilità del browser

Compatibilità dei browser per la proprietà margin-bottom, i numeri nella tabella 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:Margine del CSS,Modello di Box del CSS.

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