Proprietà CSS padding-bottom
- pagina precedente padding-block-start
- Pagina successiva padding-inline
Definizione e uso
La proprietà paddingBottom imposta il margine inferiore interno dell'elemento (spazio vuoto inferiore).
Spiegazione
Questa proprietà imposta la larghezza del margine inferiore interno dell'elemento. Il margine inferiore interno su elementi inline non sostitutivi non influisce sul calcolo dell'altezza della riga, quindi, se un elemento ha sia il margine che lo sfondo, potrebbe estendersi visivamente alla riga successiva e potrebbero verificarsi sovrapposizioni con altri contenuti. Non è consentito specificare valori di margine inferiore negativo.
Commento:Non è consentito l'uso di valori negativi.
Vedi anche:
Corso CSS:Padding interno CSS
Manuale HTML DOM:Proprietà paddingBottom
Esempio
Impostare il margine inferiore interno della cella per l'elemento p:
p { padding-bottom:2cm; }
(Più esempi possono essere trovati nella parte inferiore della pagina)
Sintassi CSS
padding-bottom: length|initial|inherit;
Valore dell'attributo
Valore | Descrizione |
---|---|
length | Definisce un valore fisso di margine inferiore interno in unità specifiche, come pixel, centimetri, ecc. Il valore predefinito è 0px. |
% | Definisce un margine inferiore interno in percentuale basato sulla larghezza dell'elemento genitore. Questo valore non funziona come previsto in tutti i browser. |
inherit | Definisce che il margine inferiore interno dovrebbe essere ereditato dal elemento genitore. |
Dettagli tecnici
Valore predefinito: | 0 |
---|---|
Ereditarietà: | no |
Versione: | CSS1 |
Sintassi JavaScript: | oggetto.style.paddingBottom="10px" |
Esempio TIY
- Impostare il margine inferiore interno 1
- Questo esempio dimostra come impostare il margine inferiore interno della cella utilizzando valori in centimetri.
- Impostare il margine inferiore interno 2
- Questo esempio dimostra come impostare il margine inferiore interno della cella utilizzando valori percentuali.
Supporto del browser
I numeri nella tabella indicano la versione del browser iniziale che supporta completamente l'attributo.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- pagina precedente padding-block-start
- Pagina successiva padding-inline