Propietat de farciment CSS s'utilitza per definir l'espai entre el contingut de l'element i la vora de l'element .
És diferent del marge CSS en la manera com el marge CSS defineix l'espai al voltant dels elements. El farciment CSS es veu afectat pels colors de fons. Neteja una àrea al voltant del contingut.
El farciment superior, inferior, esquerre i dret es pot canviar de manera independent mitjançant propietats separades. També podeu canviar totes les propietats alhora utilitzant la propietat de farciment abreujat.
Propietats de farciment CSS
| Propietat | Descripció |
|---|---|
| farciment | S'utilitza per establir totes les propietats de farciment en una declaració. |
| farciment-esquerra | S'utilitza per establir el farciment esquerre d'un element. |
| farciment-dreta | S'utilitza per configurar el farciment dret d'un element. |
| encoixinat-parte superior | S'utilitza per configurar el farciment superior d'un element. |
| encoixinat-baix | S'utilitza per establir el farciment inferior d'un element. |
Valors de farciment CSS
| Valor | Descripció |
|---|---|
| llargada | S'utilitza per definir el farciment fix en pt, px, em etc. |
| % | Defineix el farciment en % de l'element que conté. |
Exemple de farciment 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> Prova-ho ara Sortida:
Aquest és un paràgraf sense farciment especificat.
Aquest és un paràgraf amb farciments especificats.