Właściwość CSS text-overflow

Definicja stylu, przeznaczenie i użycie text-overflow

Właściwość text-overflow określa, w jaki sposób przepełniona treść, która nie jest wyświetlana, powinna zostać zasygnalizowana użytkownikowi. Można ją przyciąć, wyświetlić wielokropek (...) lub wyświetlić niestandardowy ciąg znaków.

W przypadku stylu text-overflow wymagane są obie poniższe właściwości:
white-space: nowrap;
overflow: hidden;

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

Składnia CSS text-overflow

text-overflow: clip | ellipsis | string | initial | inherit;

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

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

Liczba przed -o- określa pierwszą wersję, która działała z prefiksem.

Właściwość
text-overflow	4.0	6.0	7.0	3.1	11.0 9.0 -o-

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

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

#myDIV {
  overflow:hidden;
  text-overflow:clip;
}

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

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;