Proprietà CSS padding-top

Definizione e uso

La proprietà paddingTop imposta la margine interna superiore dell'elemento (spazio).

Spiegazione

Questa proprietà imposta la larghezza della margine interna superiore dell'elemento. La margine interna superiore impostata su elementi inline non sostitutivi non influisce sul calcolo dell'altezza della riga, quindi, se un elemento ha sia la margine interna che lo sfondo, potrebbe estendersi visivamente alla riga successiva e potrebbe sovrapporsi ad altri contenuti. Non è permesso specificare valori di margine interna negativi.

Nota:Non è permesso utilizzare valori negativi.

Vedi anche:

Tutorial CSS:Margine interno CSS

Manuale di riferimento HTML DOM:Proprietà paddingTop

Esempio

Impostare la margine interna superiore dell'elemento p:

p
  {
  padding-top:2cm;
  }

Prova da solo

Troverai altri esempi in fondo alla pagina.

Sintassi CSS

padding-top: length|initial|inherit;

Valore dell'attributo

Valore Descrizione
length Definisce un valore di margine interna superiore fisso espresso in unità specifiche, come pixel, centimetri, ecc. Il valore predefinito è 0px.
% Definisce la margine interna superiore in percentuale rispetto alla larghezza dell'elemento genitore. Questo valore non funzionerà come previsto in tutti i browser.
inherit Si prescrive che la margine interna superiore debba essere ereditata dal elemento genitore.

Dettagli tecnici

Valore predefinito: 0
Ereditarietà: no
Versione: CSS1
Sintassi JavaScript: oggetto.style.paddingTop="10px"

Esempio TIY

Impostare la margine interna superiore 1
Questo esempio dimostra come impostare la margine interna superiore della cella utilizzando il valore in centimetri.
Impostare la margine interna superiore 2
Questo esempio dimostra come impostare la margine interna superiore della cella utilizzando il valore percentuale.

Supporto del browser

I numeri nella tabella indicano la versione del browser iniziale che supporta completamente questa proprietà.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5