Latest web development tutorials

Imbottitura CSS (padding)

definizione di spazio elemento di confine e il contenuto di un elemento tra i CSS riempimento (padding) immobili.


Padding (padding)

Quando gli elementi imbottitura (pieni) (imbottitura) vengono cancellati, il "rilascio" della zona elemento riempie il colore di sfondo sarebbe.

Solo riempiono proprietà possono cambiare su e giù intorno al ripieno. Acronimo riempimento proprietà possono anche essere utilizzati per cambiare una volta tutto è cambiato.

I valori possibili

valore spiegazione
lunghezza Definisce un imbottitura fissa (pixel, pt, em, etc.)
% Utilizzare un valore percentuale per definire un ripieno


Imbottitura - proprietà padding unilaterale

In CSS, si può specificare un lato diverso dei diversi ripieno:

Esempi

padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;

Prova »


Riempimento - proprietà abbreviata

Per accorciare il codice, che è possibile specificare tutte le proprietà imbottitura in una proprietà.

Questo si chiama una proprietà scorciatoia. proprietà scorciatoia per tutta l'attributo di riempimento è "padding":

Esempi

padding: 25px 50px;

Prova »

proprietà padding può avere uno a quattro valori.

padding: 25px 50px 75px 100px;

  • Il ripieno è 25px
  • imbottitura diritto di 50px
  • Sotto 75px riempita
  • 100px riempita di sinistra

padding: 25px 50px 75px;

  • Il ripieno è 25px
  • Riempito con circa 50px
  • Sotto 75px riempita

padding: 25px 50px;

  • padding inferiore è 25px
  • Riempito con circa 50px

padding: 25px;

  • 25px Tutti sono pieni

Esempi

Altri esempi

Tutte le proprietà imbottitura in una dichiarazione
Questo esempio dimostra l'uso dei beni abbreviazioni si trova in una dichiarazione di tutti gli attributi di riempimento, può avere uno a quattro valori.

Impostare parte sinistra riempita
Questo esempio mostra come impostare l'elemento padding di sinistra.

Impostare la parte destra del riempimento
Questo esempio mostra come impostare l'elemento di imbottitura giusta. .

Impostazione di un riempimento superiore
Questo esempio mostra come impostare l'elemento di riempimento.

Lower imballato
Questo esempio mostra come impostare l'imbottitura sotto gli elementi.


Tutte le proprietà CSS padding

proprietà spiegazione
imbottitura proprietà Abbreviazioni si trova in una dichiarazione di tutti gli attributi riempire
padding-bottom Impostazione elemento underfill
padding-left porzione sinistra dell'elemento impostazioni di riempimento
padding-right Impostare la parte destra dell'elemento di riempimento
padding-top Impostazioni presso gli elementi migliori per riempire