Com implementar el farciment en CSS amb exemples



Aquest article us proporcionarà un coneixement detallat i complet sobre com implementar el farciment a CSS amb exemples.

El farciment és un dels aspectes més importants de i . En aquest article analitzarem la importància i l'ús del farciment en CSS en l'ordre següent:

Què és el farciment a CSS?

La propietat de farciment us permet especificar i quant espai hauria d'aparèixer entre el text del contingut d'un element i la seva vora. El valor d'aquest atribut ha de ser una longitud o un percentatge o la paraula.





Padding-in-CSS



Si s’hereta el valor, serà el mateix farcit que el pare. Aquí, si s’utilitza el percentatge, el percentatge és del quadre que conté.

Propietats de farciment

Les següents propietats de Padding a CSS es poden utilitzar per controlar llistes. Tot i això, també podeu establir diferents valors per al farciment en qualsevol dels costats del quadre principalment mitjançant les propietats següents:

  • Part inferior: especifica el farciment inferior d'un element.



  • Cobertor: Especifica el farciment superior d'un element.

  • Encoixinat a l'esquerra: Especifica el farciment esquerre de l’element.

  • Encoixinat dret: Especifica el farciment adequat de l'element.

  • Encoixinat: Això serveix de abreviatura per a altres propietats.

La propietat del fons de farciment:

Es defineix com a farciment inferior d'un element. Pot prendre els valors de longitud de percentatge.


Aquest és el paràgraf especificat en el farciment inferior



Aquest és un altre paràgraf que s'especifica amb un percentatge de farciment inferior

Sortida:

transformacions actives i passives en informàtica

La propietat Padding-top

Aquesta propietat de farciment superior configurarà el farciment superior d’un element. Això pot prendre valors de longitud de percentatge.


Aquest és el paràgraf superior especificat al paràgraf



Aquest és un altre paràgraf especificat en paràgraf superior en percentatge

Sortida:

La propietat Padding-left

com invertir la cadena en python

Aquesta propietat padding-left configurarà el padding esquerre d’un element. Pot prendre valors de longitud de percentatge.


Aquest és el paràgraf especificat de farciment esquerre



Aquest és un altre paràgraf especificat en farcit esquerre en percentatge

Sortida:

La propietat de Padding-right

Aquesta propietat de padding-right establirà el padding adequat d'un element. Pot prendre valors de longitud de percentatge.


Aquest és el paràgraf que s'especifica a la dreta



Aquest és un altre paràgraf especificat amb un percentatge de farcit dret

Sortida:

La propietat de farciment

Aquesta propietat de farciment defineix el farcit dret, esquerre, superior i inferior. Això pot prendre els valors de longitud del percentatge.


Tots aquests quatre farcits seran de 20 px



El farciment superior i inferior serà de 20 px, a la dreta i a l’esquerra el 10% de l’amplada total del document



El farcit superior i inferior serà de 20 px, el farcit dret serà del 3% de l’amplada total del document, el farciment inferior i el farcit superior serà de 20 px.

Sortida:

Amb això, arribem al final d’aquest increïble article sobre Encoixinat en CSS. Espero que entengueu les diverses maneres en què podem afegir farciment.

Si esteu interessats en obtenir més informació sobre el desenvolupament web, consulteu el per Edureka. La formació en certificació per al desenvolupament web us ajudarà a aprendre a crear llocs web impressionants mitjançant HTML5, CSS3, Twitter Bootstrap 3, jQuery i API de Google i implementar-lo a Amazon Simple Storage Service (S3).

Si encara us interessa Si teniu alguna pregunta, podeu publicar-la a la secció de comentaris d’aquest bloc “Encoixinat a CSS” i us respondrem el més aviat possible.