Właściwość CSS text-justify

Definicja stylu, przeznaczenie i użycie text-justify

Właściwość text-justify określa metodę justowania tekstu, gdy styl text-align jest ustawiony na justify.

Wartości właściwości text-justify

Wartość	Opis
auto	Przeglądarka określa algorytm justowania.
inter-word	Zwiększa / Zmniejsza odstępy między słowami.
inter-character	Zwiększa / Zmniejsza odstępy między znakami tekstu.
none	Brak justowania.
initial	Ustawia tę właściwość na jej wartość domyślną.
inherit	Dziedziczy tę właściwość z elementu nadrzędnego.

Składnia CSS text-justify

Wsparcie przeglądarek dla właściwości text-justify

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość
text-justify	Yes*	11.0	55.0	10.0.3	Yes*

* Ta funkcja znajduje się poza preferencją Eksperymentalnych Funkcji Platformy Internetowej (Experimental Web Platform Features) – musi zostać włączona. Aby zmienić preferencje w przeglądarce Chrome: wpisz chrome://flags. Aby zmienić preferencje w przeglądarce Opera: wpisz flags.

Przykładowe zastosowania z właściwością text-justify

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

rezultat:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option.

Kod CSS:

div {
    text-align:justify;  
    text-justify:auto;
}

Przykłady właściwości text-justify

text-align: justify;
text-justify: inter-word;