Atrybut CSS hyphens

Definicja i użycie

Atrybut hyphens definiuje, czy pozwala na użycie łączników do tworzenia dodatkowych możliwości wcięć w tekście w jednym wierszu.

Przykład

Ustawienie różnych łączników:

div.a {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
div.b {
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}
div.c {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

Spróbuj sam

Gramatyka CSS

hyphens: none|manual|auto|initial|inherit;

Wartość atrybutu

Wartość Opis
none Wyrazy bez łączników (nie wcinane).
ręczna Domyślne. Wyrazy mają łączniki tylko w ‐ lub ­ (jeśli jest to konieczne).
auto Wstaw wyrazy łącznikowe w miejscach określonych algorytmem (jeśli jest to konieczne).
initial Ustawienie tej właściwości na jej wartość domyślną. Zobacz: initial.
inherit Inherencja tej właściwości z elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość: ręczna
Inherencja: Tak
Tworzenie animacji: Nieobsługiwane. Zobacz:Atrybuty animacji.
Wersja: CSS3
Gramatyka JavaScript: object.style.hyphens="none"

Obsługa przeglądarek

Liczby w tabeli wskazują pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Liczby z -webkit- lub -ms- jako prefiksem oznaczają pierwszą wersję używaną.

Chrome IE / Edge Firefox Safari Opera
55.0 79.0
10.0 -ms-		 43.0 5.1 -webkit- 44.0