Kuinka sisentää tekstiä HTML:ssä CSS:n avulla?

Kuinka sisentää tekstiä HTML:ssä CSS:n avulla?

Tässä artikkelissa käsitellään erilaisia ​​tapoja sisentää tekstiä HTML-dokumentissa. Tekstin sisennystä käytetään määrittämään tyhjän välilyönnin pituus ennen tekstirivejä lohkossa. Se merkitsee yleensä kappaleen alkua.

Tekstin sisennykseen on joitain yleisiä tapoja:

Sisällysluettelo

Käyttämällä margin-vasen omaisuus :

Tätä ominaisuutta käytetään lisäämään marginaali elementin vasemmalle puolelle. Sillä voidaan lisätä vaadittu sisennys määrittämällä tarvittava tila sopivina pituusyksiköinä tai prosentteina.

Esimerkki: Tämä esimerkki käyttää marginaalivasen -ominaisuutta sisentääkseen koko tekstilohkon.

HTML




> <> html> >>> <> style> >>>

Lähtö:

Käyttämällä tekstin sisennysominaisuus:

Tätä ominaisuutta käytetään määrittämään kappaleen ensimmäistä tekstiriviä edeltävän tilan määrä. Se voidaan määrittää pituusyksiköinä tai prosentteina tarpeen mukaan.

Esimerkki: Tässä esimerkissä kappaleen ensimmäinen rivi sisennetään käyttämällä text-indent -ominaisuutta.

HTML




> <> html> >>> <> style> >>>

Lähtö:

Käyttämällä pehmuste-vasen omaisuus :

Padding-left -ominaisuus CSS:ssä määrittää tilan määrän elementin sisältölaatikon vasemman reunan ja sen sisäisen sisällön välillä. Se luo pehmusteen vasemmalle puolelle, työntää sisällön pois elementin vasemmasta reunasta ja tarjoaa välin ja sisennyksen.

Esimerkki: Tässä esimerkissä käytämme täyttö vasen -ominaisuutta esimerkin kanssa.

HTML




> <> html> >>> <> style> >>>

Lähtö: