Atrybut text-justify w CSS
- Poprzednia strona text-indent
- Następna strona text-orientation
Definicja i użycie
Atrybut text-justify określa sposób wyrównania tekstu, gdy ustawienie text-align wynosi "justify".
Ta właściwość określa, jak wyrównać i oddzielić wiersze tekstu.
Przykład
Zmiana odstępów między słowami w wyrównaniu do końca wiersza:
div
{
text-align:justify;
text-justify:inter-word;
}
Gramatyka CSS
text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;
Wartość atrybutu
| Wartość | Opis | Test |
|---|---|---|
| auto | Przeglądarka decyduje o algorytmie równoważenia. | Test |
| none | Wyłączenie równoważenia wierszy. | Test |
| inter-word | Zwiększanie/zmniejszanie odstępów między słowami. | Test |
| inter-ideograph | Wyprostowanie treści za pomocą tekstu znaczeniowego. | Test |
| inter-cluster | Równoważenie jedynie treści nie zawierającej wewnętrznych odstępów między słowami (np. języki azjatyckie). | Test |
| distribute | Podobnie jak w układzie strony gazety, z wyjątkiem ostatniego wiersza w językach azjatyckich, który jest nieuporządkowany. | Test |
| kashida | Wyprostowanie treści poprzez rozciąganie znaków. | Test |
Szczegóły techniczne
| Domyślna wartość: | auto |
|---|---|
| Inheredność: | yes |
| Wersja: | CSS3 |
| Gramatyka JavaScript: | object.style.textJustify="inter-word" |
Obsługa przeglądarek
Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Obsługa * | 11.0 | 55.0 | 10.0.3 | Obsługa * |
* Ta funkcja znajduje się w ustawieniach "Włącz eksperymentalne funkcje platformy Web" (musi być ustawione na "Włączono"). Aby zmienić ustawienia w Chrome: wpisz "chrome://flags" w przeglądarce Chrome. Aby zmienić ustawienia w Opera: wpisz "flags" w przeglądarce Opera.
- Poprzednia strona text-indent
- Następna strona text-orientation
