A text-align tulajdonság
A text-align tulajdonság
beállítja a szöveg igazítását: balra, jobbra,
középre, vagy sorkizártá (balra és jobbra egyszerre).
Szintaxis
szelektor {
text-align: center | left | right | justify | auto | start | end;
}
Értékek
| Érték | Leírás |
|---|---|
center |
A szöveg középre igazított lesz. |
left |
A szöveg balra igazított lesz. |
right |
A szöveg jobbra igazított lesz. |
justify |
A szöveg sorkizárt lesz (egyszerre jobbra és balra igazított). |
auto |
Nem változtatja meg az elem igazítását (alapértelmezett érték). |
start |
Egyenlő a left értékkel, ha a szöveg balról jobbra folyik, és a right értékkel,
amikor a szöveg jobbról balra folyik (mint az arab nyelvben).
|
end |
Egyenlő a right értékkel, ha a szöveg balról jobbra folyik, és a left értékkel,
amikor a szöveg jobbról balra folyik.
|
Alapértelmezett érték: auto. A legtöbb
esetben alapértelmezetten a szöveg balra
igazított (az arab nyelvben - jobbra).
Vannak azonban kivételek, például a
th
elemben lévő szöveg középre igazított lesz.
Példa . left érték
<p>
some long text
</p>
p {
text-align: left;
width: 400px;
}
:
Példa . right érték
<p>
some long text
</p>
p {
text-align: right;
width: 400px;
}
:
Példa . center érték
<p>
Lorem ipsum dolor sit amet.
</p>
p {
text-align: center;
}
:
Példa . justify érték
<p>
some long text
</p>
p {
text-align: justify;
width: 400px;
}
: