logo

Kā ievietot teksta atkāpi HTML, izmantojot CSS?

Šajā rakstā mēs apspriedīsim dažādas metodes teksta atkāpei HTML dokumentā. Teksta atkāpe tiek izmantota, lai iestatītu tukšas baltās atstarpes garumu pirms teksta rindiņām blokā. Tas parasti iezīmē rindkopas sākumu.

Ir dažas izplatītas pieejas teksta atkāpei:



Satura rādītājs

Izmantojot margin-kreisais īpašums :

Šis rekvizīts tiek izmantots, lai elementa kreisajā pusē pievienotu piemali. To var izmantot, lai pievienotu vajadzīgo atkāpi, norādot vajadzīgo vietu piemērotās garuma vienībās vai procentos.

Piemērs: Šajā piemērā tiek izmantots rekvizīts margin-left, lai atkāpinātu visu teksta bloku.



HTML






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

> 

Izvade:

int dubultot

Izmantojot teksta atkāpes rekvizīts:

Šis rekvizīts tiek izmantots, lai iestatītu atstarpes daudzumu pirms teksta pirmās rindiņas rindkopā. To var norādīt garuma vienībās vai procentos pēc vajadzības.

Piemērs: Šajā piemērā rindkopas pirmā rindiņa ir atkāpe, izmantojot rekvizītu text-indent.

HTML




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

> 

Izvade:

Izmantojot polsterējums-kreisais īpašums :

Rekvizīts polsterējums-left CSS norāda atstarpes lielumu starp elementa satura lodziņa kreiso malu un tā iekšējo saturu. Tas izveido polsterējumu kreisajā pusē, nobīdot saturu prom no elementa kreisās robežas un nodrošinot atstarpi un atkāpi.

Piemērs: Šajā piemērā mēs izmantojam rekvizītu polsterējums left ar piemēru .

HTML


direktorija pārdēvēšana operētājsistēmā Linux



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

> 

Izvade: