Egenskaben text-align
Egenskaben text-align indstiller
tekstjustering: til venstre, til højre,
centreret, eller både venstre- og højrejusteret (blokjusteret).
Syntaks
selektor {
text-align: center | left | right | justify | auto | start | end;
}
Værdier
| Værdi | Beskrivelse |
|---|---|
center |
Teksten vil blive centreret. |
left |
Teksten vil blive venstrejusteret. |
right |
Teksten vil blive højrejusteret. |
justify |
Teksten vil blive blokjusteret (justeret til både venstre og højre margin). |
auto |
Ændrer ikke elementets justering (standardværdien). |
start |
Lig med left, hvis teksten læses fra venstre mod højre, og right,
når teksten læses fra højre mod venstre (sprog som arabisk osv.).
|
end |
Lig med right, hvis teksten læses fra venstre mod højre og left,
når teksten læses fra højre mod venstre.
|
Standardværdi: auto. I de fleste
tilfælde er teksten som standard venstrejusteret
(på arabisk - højrejusteret).
Der er dog undtagelser, for eksempel er teksten
i th
centreret.
Eksempel . Værdien left
<p>
some long text
</p>
p {
text-align: left;
width: 400px;
}
:
Eksempel . Værdien right
<p>
some long text
</p>
p {
text-align: right;
width: 400px;
}
:
Eksempel . Værdien center
<p>
Lorem ipsum dolor sit amet.
</p>
p {
text-align: center;
}
:
Eksempel . Værdien justify
<p>
some long text
</p>
p {
text-align: justify;
width: 400px;
}
: