Kaip įtraukti tekstą HTML naudojant CSS?

Kaip įtraukti tekstą HTML naudojant CSS?

Šiame straipsnyje aptarsime įvairius būdus, kaip įtraukti tekstą į HTML dokumentą. Teksto įtrauka naudojama norint nustatyti tuščio tarpo ilgį prieš teksto eilutes bloke. Paprastai tai žymi pastraipos pradžią.

Yra keletas bendrų teksto įtraukų būdų:

Turinys

Naudojant maržos kairėje nuosavybė :

Ši savybė naudojama norint pridėti paraštę elemento kairėje. Jis gali būti naudojamas norint pridėti reikiamą įtrauką, nurodant reikiamą erdvę tinkamais ilgio vienetais arba procentais.

Pavyzdys: Šiame pavyzdyje naudojama ypatybė margin-left, kad įtrauktų visą teksto bloką.

HTML




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

>   

Išvestis:

Naudojant teksto įtraukos ypatybė:

Ši savybė naudojama norint nustatyti tarpą prieš pirmąją teksto eilutę pastraipoje. Jis gali būti nurodytas ilgio vienetais arba procentais pagal poreikį.

Pavyzdys: Šiame pavyzdyje pirmoji pastraipos eilutė įtraukta naudojant ypatybę text-indent.

HTML




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

>   

Išvestis:

Naudojant padding-left property :

CSS ypatybė padding-left nurodo tarpą tarp kairiojo elemento turinio laukelio krašto ir vidinio turinio. Jis sukuria užpildymą kairėje pusėje, nustumdamas turinį nuo kairiosios elemento ribos ir suteikiant tarpą bei įtrauką.

Pavyzdys: Šiame pavyzdyje naudojame užpildymo kairę ypatybę su pavyzdžiu .

HTML




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

>   

Išvestis: