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 padding-bottom

L'attributo CSS padding-bottom imposta lo spazio tra il contenuto e il bordo inferiore dell'elemento. Tuttavia, in molti casi, l'attributo CSS abbreviatopaddingPiù comune e preferibile.

La tabella seguente descrive l'uso di questa proprietà, la cronologia delle versioni e la sintassi dell'uso di questa proprietà nei script JavaScript.

Valore predefinito:0
Applicabile a:Tutti gli elementi, eccetto<tbody>,<thead>,<tfoot>,<tr>,<colgroup>e<col>. Anche per::first-letter.
Ereditarietà:No
Animabile:Sì.Si prega di fare riferimento a Proprietà animazione.
Versione:CSS 1, 2, 3
Sintassi JavaScript:oggetto.style.paddingBottom="2cm"

Sintassi dell'uso di padding-bottom

La sintassi di questa proprietà è la seguente:

padding-bottom: length | percentage | initial | inherit

Gli esempi seguenti illustrano come utilizzare la proprietà padding-bottom.

  h1 {
   padding-bottom: 2em;
  }
  p {
   padding-bottom: 50px;
  }
Prova a vedere‹/›

Valore della proprietà

La tabella seguente descrive i valori di questa proprietà.

ValoreDescrizione
lengthValori numerici espressi in px, pt, cm, em, ecc., non possono essere negativi.
percentageSpecificare una percentuale di riempimento. La percentuale è calcolata rispetto alla larghezza del blocco contenitore dell'elemento. Non sono ammessi valori percentuali negativi.
initialImposta questa proprietà al suo valore predefinito.
inheritSe specificato, l'elemento correlato utilizza il valore della proprietà padding-bottom del suo elemento padre.

Compatibilità del browser

Compatibilità dei browser per la proprietà padding-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 4+

  • Apple Safari 1+

  • Opera 4+

Leggi di più

Vedi la seguente guida:Padding del CSS,Modello Box del CSS.

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