Home > Proprietà CSS2 > Proprietà per il padding
Tabella riassuntiva e descrittiva delle funzionalità, valori e supporto dei browser relativa alla specifiche dei CSS2 per la gestione del padding.
Proprietà | Valori | IE | NN | MF |
---|---|---|---|---|
padding |
padding-top |
4.0 | 4.0 | 1.0 |
padding-bottom |
<lunghezza> |
4.0 | 4.0 | 1.0 |
padding-left |
<lunghezza> |
4.0 | 4.0 | 1.0 |
padding-right |
<lunghezza> |
4.0 | 4.0 | 1.0 |
padding-top |
<lunghezza> |
4.0 | 4.0 | 1.0 |
Esempi dimostrativi delle funzionalità di alcune proprietà per il padding:
padding
La proprietà padding
(imbottitura) è una proprietà a sintassi abbreviata che viene utlizzata per definire lo spazio che deve essere lasciato tra i contenuti di un elemento e il suo bordo o il suo margine.
Il padding può essere specificato per ogni singolo lato attraverso le proprietà:
padding-top;
padding-right;
padding-bottom;
padding-left
.h1{ padding: 10px; }
In questo esempio all'elemento h1
viene applicato un padding di 10 pixel.
padding-bottom
La proprietà padding-bottom
viene utilizzata per definire lo spazio che deve essere lasciato tra i contenuti di un elemento e il suo bordo o il suo margine inferiore.
La proprietà padding-bottom
ammette i seguenti valori:
px,em
, etc.); h1{ padding-bottom: 10px; }
In questo esempio all'elemento h1
viene applicato un padding inferiore di 10px.
padding-left
La proprietà padding-left
viene utilizzata per definire lo spazio che deve essere lasciato tra i contenuti di un elemento e il suo bordo o il suo margine sinistro.
La proprietà padding-left
ammette i seguenti valori:
px,em
, etc.); h1{ padding-left: 10px; }
In questo esempio all'elemento h1
viene applicato un padding sinistro di 10px.
padding-right
La proprietà padding-right
viene utilizzata per definire lo spazio che deve essere lasciato tra i contenuti di un elemento e il suo bordo o il suo margine destro.
La proprietà padding-right
ammette i seguenti valori:
px,em
, etc.); h1{ padding-right: 10px; }
In questo esempio all'elemento h1
viene applicato un padding destro di 10px.
padding-top
La proprietà padding-top
viene utilizzata per definire lo spazio che deve essere lasciato tra i contenuti di un elemento e il suo bordo o il suo margine superiore.
La proprietà padding-top
ammette i seguenti valori:
px,em
, etc.); h1{ padding-top: 10px; }
In questo esempio all'elemento h1
viene applicato un padding superiore di 10px.
[ Torna all’inizio della pagina ]
[ Torna all’inizio della pagina ]
[ Torna all’inizio della pagina ]
[ Torna all’inizio della pagina ]
[ Torna all’inizio della pagina ]
[ Torna all’inizio della pagina ]
[ Torna all’inizio della pagina ]
[ Torna all’inizio della pagina ]
Sito realizzato dal Laboratorio di Accessibilità e Usabilità del CSI-Piemonte - Privacy, cookies e accessibilità