English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo padding-top CSS imposta la spaziazione tra la parte superiore del riempimento e il contenuto di un elemento, ossia la quantità di spazio tra il margine superiore e il contenuto dell'elemento. Tuttavia, in molti casi, l'attributo CSS abbreviato di scrittura rapida è utilizzato.paddingPiù facile da usare e più preferibile.
La tabella sottostante fornisce una descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso di questa proprietà nel script JavaScript.
| Valore predefinito: | 0 |
|---|---|
| Applicabile a: | Tutti gli elementi, tranne<tbody>,<thead>,<tfoot>,<tr>,<colgroup>e<col>. Anche utile per::first-letter. |
| Ereditarietà: | No |
| Animabile: | Sì.Rifarti a Proprietà animazione. |
| Versione: | CSS 1, 2, 3 |
| Sintassi JavaScript: | oggetto.style.paddingTop="2cm" |
La sintassi di questo attributo è la seguente:
padding-top: length | percentage | initial | inherit
Gli esempi seguenti illustrano come utilizzare la proprietà padding-top.
h1 {
padding-top: 2em;
}
p {
padding-top: 50px;
}Prova a vedere‹/›La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| length | Valori numerici espressi in px, pt, cm, em, ecc., non sono ammessi valori negativi. |
| percentage | Specificare una percentuale di riempimento. La percentuale è calcolata rispetto alla larghezza del blocco contenitore dell'elemento. Non sono ammessi valori percentuali negativi. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore della proprietà padding-top dell'elemento padre. |
Compatibilità dei browser per la proprietà padding-top, i numeri nella tabella rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.
|
Vedere i seguenti tutorial:Padding CSS,Modello Box CSS.
Proprietà correlate:padding,padding-right,padding-bottom,padding-left.