Gli ultimi tutorial di sviluppo web
 

Style padding Property

<Stile di oggetto

Esempio

Impostare l'imbottitura di un <div> elemento:

document.getElementById("myDiv").style.padding = "50px 10px 20px 30px";
Prova tu stesso "

Definizione e l'utilizzo

Gli insiemi di proprietà di imbottitura o restituisce l'imbottitura di un elemento.

Questa proprietà può prendere da uno a quattro valori:

Sia la proprietà margine e la proprietà padding spazio inserto intorno ad un elemento. Tuttavia, la differenza è che il margine inserisce lo spazio intorno al confine, mentre padding inserisce lo spazio all'interno del bordo di un elemento.

  • Un valore, come: div {padding: 50px} - tutti e quattro i lati avrà un'imbottitura di 50px
  • Due valori, come: div {padding: 50px 10px} - il padding superiore e inferiore saranno 50px, a sinistra ea destra padding saranno 10px
  • Tre valori, come: div {padding: 50px 10px 20px} - l'imbottitura superiore sarà 50px, a sinistra ea destra imbottitura sarà 10px, padding inferiore sarà 20px
  • Quattro valori, come: div {padding: 50px 10px 20px 30px} - l'imbottitura superiore sarà 50px, imbottitura a destra sarà 10px, padding inferiore sarà 20px, padding sinistro sarà 30px

Supporto browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La proprietà imbottitura è supportata in tutti i principali browser.

Sintassi

Restituire la proprietà padding:

object .style.padding

Impostare la proprietà padding:

object .style.padding=" I valori delle proprietà
Valore Descrizione
% Definisce l'imbottitura in% della larghezza dell'elemento genitore
length Definisce l'imbottitura in unità di lunghezza
initial Consente di impostare questa proprietà al suo valore di default. Leggi iniziale
inherit Eredita questo immobile dal suo elemento genitore. Leggi su erediterà

Dettagli tecnici

Valore di default: 0
Valore di ritorno: Una stringa, che rappresenta l'imbottitura di un elemento
CSS Version CSS1

Altri esempi

Esempio

Modificare l'imbottitura di tutti e quattro i lati di un <div> elemento "25px" :

document.getElementById("myDiv").style.padding = "25px";
Prova tu stesso "

Esempio

Restituisce l'imbottitura di un <div> elemento:

alert(document.getElementById("myDiv").style.padding);
Prova tu stesso "

Esempio

Differenza tra la proprietà e la proprietà margine di padding:

function changeMargin() {
    document.getElementById("myDiv").style.margin = "100px";
}

function changePadding() {
    document.getElementById("myDiv2").style.padding = "100px";
}
Prova tu stesso "

Pagine correlate

CSS tutorial: Imbottitura CSS

Di riferimento CSS: padding property

<Stile di oggetto