English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo di padding CSS può impostare il riempimento su tutti e quattro i lati dell'elemento. Èpadding-top,padding-right,padding-bottomepadding-leftProprietà abbreviate dell'attributo.
La tabella sottostante fornisce la descrizione dell'uso di questa proprietà e la cronologia delle versioni, nonché la sintassi di utilizzo di questa proprietà nel linguaggio 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 riferimento Proprietà animazione. |
| Versione: | CSS 1, 2, 3 |
| Sintassi JavaScript: | oggetto.style.padding="20px 15px" |
La sintassi di questa proprietà è la seguente:
padding: [ length | percentage ] 1 to 4 values | initial | inherit
Gli esempi seguenti dimostrano come utilizzare la proprietà padding.
p.one {
padding: 20px;
}
p.two {
padding: 35px 15px;
}Prova a vedere‹/›Questo abbreviazione breve può essere adottato con uno, due, tre o quattro spazi separati.
Se impostatoUn valore, questo padding si applica a tutte e quattro le facce.
Se impostatoDue valoriSe impostati, il primo valore verrà applicato in alto e in basso, il secondo valore verrà applicato a destra e sinistra.
Tre valori rispettivamenteApplicato in alto, orizzontale (cioè sinistra e destra) e basso.
Quattro valoriApplicato in sequenza in alto, destra, basso, sinistra.
La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| padding-top | Imposta il padding in alto dell'elemento. |
| padding-right | Imposta il padding a destra dell'elemento. |
| padding-bottom | Imposta il padding in basso dell'elemento. |
| padding-left | Imposta il padding a sinistra dell'elemento. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato utilizza il valore della proprietà padding dell'elemento padre. |
Compatibilità dei browser per le proprietà padding, i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser principali supportano questa proprietà.
|
Vedere la seguente guida:Padding CSS,Modello Box CSS.
Proprietà correlate:padding-top,padding-right,padding-bottom,padding-left.