Blocksatzsteuerung :: text-justify
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
Ich bin ein Text, welcher nach der Regel text-justify: inter-word gleichmäßig innerhalb der Zeilen verteilt werden soll.
Ich bin ein Text, welcher nach der Regel text-justify: kashida gleichmäßig innerhalb der Zeilen verteilt werden soll.
text-justify Definition
CSS Version |
CSS 3 (aktueller Entwurf) |
Startwert |
auto |
Vererbar |
ja |
Anwendbar auf |
alle Elemente |
Medium |
visual |
mögliche Werte |
- auto - Der Browser entscheidet selbstständig wie der Text auszurichten ist
- inter-word - Richtet den Text aus, indem die Zwischenräume zwischen Buchstaben vergrößert werden. Die letzte Zeile wird dabei nicht angepasst
- inter-ideograph - Richtet ideographischen Text aus und vergrößert oder verkleinert dabei sowohl die Zwischenräume zwischen Zeichen als auch zwischen Wörtern
- inter-cluster - Richtet Textzeilen aus, die keinen Zwischenraum zwischen Zeichen/Buchstaben enthalten. Dieser Wert ist speziell für asiatische Sprachen gedacht
- distribute - Vergrößert oder verkleinert die Wort- und Zeichenzwischenräume, sodass sich der Text gleichmäßig verteilt. Dieser Wert ist speziell für asiatische Sprachen gedacht
- kashida - Richtet den Text aus, indem die Zeichen verlängert werden
- tibetan (wird wahrscheinlich entfernt)
- inherit
|
Anmerkungen |
|
Browserunterstützung von text-justify
|
|
|
|
|
|
|
|
|
|
5+ |
5-7 |
7.5+ |
4 |
6+ |
1+ |
0.8+ |
1+ |
3.5+ |
2 |
auto |
|
|
|
|
|
|
|
|
|
|
inter-word |
|
|
|
|
|
|
|
|
|
|
inter-ideograph |
|
|
|
|
|
|
|
|
|
|
inter-cluster |
|
|
|
|
|
|
|
|
|
|
distribute |
|
|
|
|
|
|
|
|
|
|
kashida |
|
|
|
|
|
|
|
|
|
|
tibetan |
|
|
|
|
|
|
|
|
|
|
letzte Änderung: 24.03.2010