Mit "text-justify" kann man mit CSS3 den Blocksatz viel besser steuern. Es ist dann möglich genau festzulegen, wie die Wörter oder auch die einzelnen Zeichen in einer Zeile verhalten sollen.
<div style="width: 200px; border: solid 1px #666; float: left; text-justify: inter-word;">
Ich bin ein Text, welcher nach der Regel text-justify: inter-word
gleichmäßig innerhalb der Zeilen verteilt werden soll.
</div>
<div style="width: 200px; border: solid 1px #666; float: left; text-justify: kashida;">
Ich bin ein Text, welcher nach der Regel text-justify: kashida
gleichmäßig innerhalb der Zeilen verteilt werden soll.
</div>
so sieht es aus, wenn es von Ihrem aktuellen Browser unterstützt wird
CSS Version | CSS 3 (aktueller Entwurf) |
Startwert | auto |
Vererbar | ja |
Anwendbar auf | alle Elemente |
Medium | visual |
mögliche Werte |
|
Anmerkungen |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
|||
---|---|---|---|---|---|---|---|---|---|---|
5+ | 5-7 | 7.5+ | 4 | 6+ | 1+ | 0.8+ | 1+ | 3.5+ | 2 | |
auto | ||||||||||
inter-word | ||||||||||
inter-ideograph | ||||||||||
inter-cluster | ||||||||||
distribute | ||||||||||
kashida | ||||||||||
tibetan |