Własność CSS text-wrap to własność zbiorcza, która określa sposób zawijania tekstu w elementach HTML. Obejmuje ona ustawienia własności indywidualnych text-wrap-mode
i text-wrap-style
.
Wartości i składnia
Własność text-wrap
jako wartość przyjmuje jedno słowo kluczowe z poniższej listy.
nowrap
- Wyłącza zawijanie tekstu i powoduje, że tekst nie mieszczący się w kontenerze, wychodzi poza jego granice.
wrap
- Włącza zawijanie tekstu i zapobiega wychodzeniu tekstu poza granice elementu.
balance
- Powoduje zawijanie tekstu w taki sposób, aby długość wszystkich wierszy była jak najlepiej zrównoważona, co zwiększa czytelność.
pretty
- Działa podobnie, jak
wrap
, tylko używa wolniejszego algorytmu przedkładającego wygląd nad prędkość i próbującego unikać pozostawiania zbyt krótkich ostatnich wierszy. Szczegółowy sposób działania tego algorytmu zależy od przeglądarki. stable
- Ma zastosowanie w elementach edytowalnych, w których powoduje, że edycja wiersza tekstu nie powoduje zmian w układzie poprzednich wierszy.
Przykłady
Poniższy zrzut ekranu przedstawia różnicę między wartościami balance
i pretty
.
Podsumowanie
Zastosowanie | Tekst |
---|---|
Własności składowe | |
Obsługiwane wartości | Słowa kluczowe: nowrap , wrap , balance , pretty , stable |
Wartość początkowa | Wartości początkowe odpowiadają wartościom początkowym własności składowych |
Dziedziczenie | Tak |
Specyfikacja | CSS Text Module Level 4, text-wrap |