Proprietà di riempimento CSS si usa per definire lo spazio tra il contenuto dell'elemento e il bordo dell'elemento .
È diverso dal margine CSS nel modo in cui il margine CSS definisce lo spazio attorno agli elementi. Il riempimento CSS è influenzato dai colori di sfondo. Cancella un'area attorno al contenuto.
Il riempimento superiore, inferiore, sinistro e destro può essere modificato in modo indipendente utilizzando proprietà separate. Puoi anche modificare tutte le proprietà contemporaneamente utilizzando la proprietà di riempimento abbreviato.
Proprietà di riempimento CSS
| Proprietà | Descrizione |
|---|---|
| imbottitura | Viene utilizzato per impostare tutte le proprietà di riempimento in un'unica dichiarazione. |
| imbottitura-sinistra | Viene utilizzato per impostare il riempimento sinistro di un elemento. |
| imbottitura a destra | Viene utilizzato per impostare il corretto riempimento di un elemento. |
| parte superiore imbottita | Viene utilizzato per impostare il riempimento superiore di un elemento. |
| fondo imbottito | Viene utilizzato per impostare il riempimento inferiore di un elemento. |
Valori di riempimento CSS
| Valore | Descrizione |
|---|---|
| lunghezza | Viene utilizzato per definire il riempimento fisso in pt, px, em ecc. |
| % | Definisce il riempimento in% dell'elemento contenitore. |
Esempio di riempimento CSS
p { background-color: pink; } p.padding { padding-top: 50px; padding-right: 100px; padding-bottom: 150px; padding-left: 200px; } <p>This is a paragraph with no specified padding.</p> <p>This is a paragraph with specified paddings.</p> Provalo adesso Produzione:
Questo è un paragrafo senza imbottitura specificata.
Questo è un paragrafo con imbottiture specificate.