Sie befinden sich hier: » CSS Angaben » Schrift & Text » text-justify

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

Microsoft Internet Explorer Opera Netscape Mozilla Firefox Safari Konqueror Google Chrome
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