English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo CSS padding-left imposta il riempimento a sinistra, ovvero lo spazio tra il margine sinistro e il contenuto dell'elemento. Tuttavia, in molti casi, l'attributo CSS abbreviatopaddingPiù comune e preferibile.
La tabella sottostante fornisce spiegazioni sull'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, eccetto<tbody>,<thead>,<tfoot>,<tr>,<colgroup>e<col>. Anche se::first-letter. |
| Ereditarietà: | No |
| Animabile: | Sì.Si prega di consultare Proprietà animazione. |
| Versione: | CSS 1, 2, 3 |
| Sintassi JavaScript: | oggetto.style.paddingLeft="2em" |
La sintassi di questo attributo è la seguente:
padding-left: length | percentage | initial | inherit
Gli esempi seguenti dimostrano come utilizzare la proprietà padding-left.
h1 {
padding-left: 2em;
}
p {
padding-left: 50px;
}Prova a vedere‹/›La tabella seguente descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| length | Valore numerico espresso in px, pt, cm, em, ecc., non è permesso utilizzare valori negativi. |
| percentage | Specificare la percentuale di riempimento. Il percentuale è calcolata rispetto alla larghezza del blocco contenitore dell'elemento. Non è permesso utilizzare valori percentuali negativi. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore della proprietà padding-left dell'elemento padre. |
Compatibilità dei browser per la proprietà padding-left, i numeri nella tabella sotto rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser principali supportano questa proprietà.
|
Vedere i seguenti tutorial:Padding CSS,Modello Box CSS.
Proprietà correlate:padding,padding-top,padding-right,padding-bottom.