Esempio
Impostare l'imbottitura di un <p> elemento:
p
{
padding: 2cm 4cm 3cm 4cm;
}
Prova tu stesso " Definizione e utilizzo
L'imbottitura proprietà scorciatoia imposta tutte le proprietà imbottitura in una dichiarazione. Questa proprietà può avere da uno a quattro valori.
Esempi:
- padding:10px 5px 15px 20px;
- top imbottitura è 10px
- padding destro è 5px
- padding inferiore è 15px
- padding sinistro è 20px
- padding:10px 5px 15px;
- top imbottitura è 10px
- destra e sinistra sono padding 5px
- padding inferiore è 15px
- padding:10px 5px;
- padding superiore e inferiore sono 10px
- destra e sinistra sono padding 5px
- padding:10px;
- tutte e quattro le imbottiture sono 10px
Note: I valori negativi non sono ammessi.
| Valore di default: | 0 |
|---|---|
| Inherited: | no |
| animatable: | yes, see individual properties . Read about animatable Try it |
| Versione: | CSS1 |
| sintassi JavaScript: | object .style.padding="100px 20px" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| padding | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS Sintassi
padding:length|initial|inherit;I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| length | Specifica l'imbottitura in px, pt, cm, ecc valore di default è 0 | Gioca " |
| % | Specifica l'imbottitura in percentuale della larghezza dell'elemento contenente | Gioca " |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Pagine correlate
CSS tutorial: Imbottitura CSS
Tutorial CSS: CSS Box Model
Di riferimento HTML DOM: proprietà padding