Egenskapen text-align
Egenskapen text-align setter
justering av teksten: mot venstre kant, mot høyre,
midtstilt, eller mot både venstre og høyre kant samtidig (blokkjustert).
Syntaks
velger {
text-align: center | left | right | justify | auto | start | end;
}
Verdier
| Verdi | Beskrivelse |
|---|---|
center |
Teksten vil være midtstilt. |
left |
Teksten vil være venstrejustert. |
right |
Teksten vil være høyrejustert. |
justify |
Teksten vil være blokkjustert (justert mot både venstre og høyre kant). |
auto |
Endrer ikke elementets justering (standardverdien). |
start |
Lik left hvis teksten flyter fra venstre til høyre, og right
når teksten flyter fra høyre til venstre (som på arabisk e.l.).
|
end |
Lik right hvis teksten flyter fra venstre til høyre og left
når teksten flyter fra høyre til venstre.
|
Standardverdi: auto. I de fleste
tilfeller er teksten standard venstrejustert
(på arabisk - høyrejustert).
Det finnes imidlertid unntak, for eksempel vil tekst
i th
være midtstilt.
Eksempel . Verdien left
<p>
some long text
</p>
p {
text-align: left;
width: 400px;
}
:
Eksempel . Verdien right
<p>
some long text
</p>
p {
text-align: right;
width: 400px;
}
:
Eksempel . Verdien center
<p>
Lorem ipsum dolor sit amet.
</p>
p {
text-align: center;
}
:
Eksempel . Verdien justify
<p>
some long text
</p>
p {
text-align: justify;
width: 400px;
}
: