Vai ai contenuti

LAU

Home > Proprietà CSS2 > Proprietà per il padding

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.

  • NN: indica da quale versione di Netscape Navigator viene supportata la proprietà.
  • IE: indica da quale versione di Internet Explorer viene supportata la proprietà.
  • MF: indica da quale versione di Mozilla Firefox viene supportata la proprietà.
Proprietà Valori IE NN MF
padding padding-top
padding-right
padding-bottom
padding-left 		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:

torna alla lista completa delle proprietà

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.

Tutte le proprietà per definire il padding non ammettono valori negativi.

torna alla tabella

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:

  • <lunghezza> (px,em, etc.);
  • % (valori percentuali). 
h1{ 
padding-bottom: 10px;
}

In questo esempio all'elemento h1 viene applicato un padding inferiore di 10px.

torna alla tabella

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:

  • <lunghezza> (px,em, etc.);
  • % (valori percentuali). 
h1{ 
padding-left: 10px;
}

In questo esempio all'elemento h1 viene applicato un padding sinistro di 10px.

torna alla tabella

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:

  • <lunghezza> (px,em, etc.);
  • % (valori percentuali). 
h1{ 
padding-right: 10px;
}

In questo esempio all'elemento h1 viene applicato un padding destro di 10px.

torna alla tabella

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:

  • <lunghezza> (px,em, etc.);
  • % (valori percentuali). 
h1{ 
padding-top: 10px;
}

In questo esempio all'elemento h1 viene applicato un padding superiore di 10px.

torna alla tabella

[ Torna all’inizio della pagina ]

Sito realizzato dal Laboratorio di Accessibilità e Usabilità del CSI-Piemonte - Privacy, cookies e accessibilità

[ Torna all’inizio della pagina ]