abc HTML5 i CSS TUTORIAL - Linijski CSS /INLINE CSS/

Uvlačenje teksta /INDENT/ STYLE="text-indent


Slika 1. Izbor vrijednosti atributa - Linijski CSS /INLINE CSS/

Uvlačenje teksta /INDENT/   Sintaksa: <TAG style="text-indent:Vrijednost_u_pikselima px; ">

Oznake:
TAG - p | h1 | h2 | h3 | h4 | h5 | h6 | BODY | DIV | SPAN - TAG može da primi jednu od navedenih vrijednosti
p paragraf /PARAGRAPH/
h1 | h2 | h3 | h4 | h5 | h6 - zaglavlje teksta /HEADINGS/
BODY - Tekst u cijelom dokumentu
DIV - Tekst u cijeloj DIV sekciji

text-indent - Atribut za uvlačenje teksta
Vrijednost _u_pikselima - Vrijednost je u pikselima.
px - Mjerna jedinica.

Atribut INDENT se koristi u paragrafu ili zaglavlju teksta (h1, h2, ..h6). Vrijednost uvlačenja je u pikselima, mjerna jedinica se ne navodi.


Slika 2. Uvlačenje teksta /INDENT/

Primjeri 1. Uvlačenje teksta za 55 piksela
Opis rješenja: Definisanje uvlačenje za 55 piksela se izvodi sa style="text-indent:55px" 

<html>
<head><title>Uvlacenje teksta</title></head>
<body>
<p>Kulturni - bez uvlačenja</p>
<p style="text-indent: 55px;">Kulturni</p>
</body></html>

Kulturni- bez uvlačenja

Kulturni;

Primjer 2. Uvlačenja promjene parametra fonta masno /BOLD/ i Comic Sans MS.  (<p style="text-indent:></p>)  primjer ostalih parametara
Opis rješenja: INDENT style="text-indent:nn" 

<html>
<head><title>Uvlacenje teksta</title></head>
<body>
<p>Bez pomjeranja</p>
<p style="text-indent: 25px; font-family:Comic Sans MS;"><b>Kulturni</b></p>
</body></html>

Bez pomjeranja

Kulturni

Prozor na dnu stranice je namjenje za provjeru koda:
- kopirajte kod (edit, copy, paste ili CTRL+C, CTRL+V ili DRAG&DROP metodom), editovanje je moguće u prozoru

Index