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

Poravnanje /ALIGN/ STYLE="text-align


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

Poravnanje /ALIGN/. Sintaksa atributa: <TAG style="text-align:Vrsta_poravananja;">

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 - Poravnanje u cijelom dokumentu
DIV - Poravnanje u cijeloj DIV sekciji

Vrsta poravnanja:
LEFT - lijevo
CENTER - centrirano
RIGHT - desno
JUSTIFY - obe strane


Slika 2. Poravnanje /text-align/

Primjer 1. Parametri atributa poravnanja ALIGN i primjeri korištenja u <H> tagu i <P> tagu.

Vrsta_poravananja

Opis

Sintaksa 

Primjer kod

Primjer ispisa

LEFT

Lijevo poravnanje

style="text-align:left;" <H2 style="text-align:left;">Lijevo</H2>
<p style="text-align:left;">Lijevo</p>

Lijevo

Lijevo

CENTER

Centrirano poravnanje

style="text-align:center;" <H2 style="text-align:center;">Centrirano</H2>
<p style="text-align:center;">Centrirano</p>

Centrirano

Centrirano

RIGHT

Desno poravnanje

style="text-align:right;" <H2 style="text-align:right;">Desno</H2>
<p style="text-align:right;">Desno</p>

Desno

Desno

JUSTIFY

Lijevo i desno poravnanje

style="text-align:justify;" <H2 style="text-align:justify;">Obe su poravnate ako ima dovoljno teksta.</H2>
<p style="text-align:justify;">Obe su poravnate ako ima dovoljno teksta. Obe su poravnate ako ima dovoljno teksta.</p>

Obe su poravnate ako ima dovoljno teksta.

Obe su poravnate ako ima dovoljno teksta. Obe su poravnate ako ima dovoljno teksta.

Primjeri korištenja poravnanja /STYLE="text-align:

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