logo

Com sagnar el text en HTML mitjançant CSS?

En aquest article, parlarem de diversos mètodes per sagnar el text en un document HTML. El sagnat de text s'utilitza per establir la longitud de l'espai en blanc abans de les línies de text d'un bloc. Generalment marca l'inici d'un paràgraf.

Hi ha alguns enfocaments comuns per al sagnat de text:

Taula de contingut



Utilitzant el propietat del marge esquerre :

Aquesta propietat s'utilitza per afegir un marge a l'esquerra d'un element. Es pot utilitzar per afegir el sagnat requerit especificant l'espai necessari en unitats de longitud o percentatges adequats.

Exemple: Aquest exemple utilitza la propietat margin-left per sagnar tot el bloc de text.

HTML




data java ara

> <>html>>> <>head>>> ><>style>>> >p {> >margin-left: 40px;> >}> >style>cap>

Benvingut a GFGh2>

Oferim una gran varietat de serveis perquè aprengueu, prospereu i també us divertiu! Tutorials gratuïts, milions d'articles, cursos en directe, en línia i presencials, concursos de codificació freqüents, seminaris web d'experts del sector, oportunitats de pràctiques i oportunitats laborals. p> cos> html>>>

>

>

Sortida:

Utilitzant el propietat de sagnat de text:

Aquesta propietat s'utilitza per establir la quantitat d'espai abans de la primera línia de text d'un paràgraf. Es pot especificar en unitats de longitud o en percentatge segons sigui necessari.

Exemple: En aquest exemple, la primera línia del paràgraf es sagna amb la propietat text-indent.

HTML




> <>html>>> <>head>>> ><>style>>> >p {> >text-indent: 40px;> >}> >style>cap>

Benvingut a GFGh2>

Oferim una gran varietat de serveis perquè aprengueu, prospereu i també us divertiu! Tutorials gratuïts, milions d'articles, cursos en directe, en línia i presencials, concursos de codificació freqüents, seminaris web d'experts del sector, oportunitats de pràctiques i oportunitats laborals. p> cos> html>>>

>

>

Sortida:

Utilitzant propietat padding-left :

La propietat padding-left en CSS especifica la quantitat d'espai entre la vora esquerra del quadre de contingut d'un element i el seu contingut interior. Crea un farciment al costat esquerre, allunyant el contingut del límit esquerre de l'element i proporcionant espai i sagnat.

Exemple: En aquest exemple, estem utilitzant la propietat padding left amb un exemple .

HTML




> <>html>>> <>head>>> ><>style>>> >p {> >padding-left: 60px;> >}> >style>cap>

Benvingut a GFGh2>

Oferim una gran varietat de serveis perquè aprengueu, prospereu i també us divertiu! Tutorials gratuïts, milions d'articles, cursos en directe, en línia i presencials, concursos de codificació freqüents, seminaris web d'experts del sector, oportunitats de pràctiques i oportunitats laborals. p> cos> html>>>

>

edat de vicky kaushal

>

Sortida: