Il miglior tutorial Imbottitura CSS (padding) Nel 2024, in questo tutorial puoi imparare Padding (padding),I valori possibili,Imbottitura - proprietà padding unilaterale,Esempi,Riempimento - proprietà abbreviata,Esempi,Altri esempi,Tutte le proprietà CSS padding,
definizione di spazio elemento di confine e il contenuto di un elemento tra i CSS riempimento (padding) immobili.
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.
valore | spiegazione |
---|---|
lunghezza | Definisce un imbottitura fissa (pixel, pt, em, etc.) |
% | Utilizzare un valore percentuale per definire un ripieno |
In CSS, si può specificare un lato diverso dei diversi ripieno:
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":
proprietà padding può avere uno a quattro valori.
padding: 25px 50px 75px 100px;
padding: 25px 50px 75px;
padding: 25px 50px;
padding: 25px;
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.
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 |