abc HTML5 i CSS TUTORIAL

Uvlačenje teksta /INDENT/ { text-indent: }


Slika 1. Korištenje atributa - Interni CSS /INTERNAL CSS/

Uvlačenje teksta /INDENT/ { text-indent: }
Sintaksa:

  • HEAD dio (za uvlačenje teksta /INDENT/):
    <style>
    TAG {text-indent: Vrijednost_u_pikselima px;}
    </style>
  • BODY dio: <TAG>

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>
<style>
  p { text-indent: 55px; }
</style>
<body>
<h2>Naslov</h2>
<p>Kulturni</p>
</body></html>

Naslov

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>
<style>
  p { text-indent: 25px;
      font-family:Comic Sans MS; }
</style>
<body>
<h2>Bez pomjeranja</h2>
<p>Nije podebljan</p>
<p><b>Kulturni</b></p>
</body></html>

Bez pomjeranja

Nije podebljan

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