Podsumowanie

Właściwość CSS text-overflow-ellipsis kontroluje, w jaki sposób wskazówka dotycząca przepełnionej treści, która nie jest wyświetlana jest sygnalizowany użytkownikom. Obecność podpowiedzi jest kontrolowana za pomocą trybu przepełnienia tekstu właściwości CSS. Skrócona właściwość to przepełnienie tekstu.

Tabela przeglądowa

Wartość początkowa U+2026 Dotyczy elementów blokowych i wbudowanych. Dziedziczone Brak multimediów Wartość obliczona określona wartość (z wyjątkiem wartości początkowej i dziedziczonej) Animowalny Nie Właściwość modelu obiektu CSS text-overflow-ellipsis Procenty Nie dotyczy

Składnia

• text-overflow-ellipsis: string

Values

string Wartość jest definiowana jako ciąg, taki jak domyślny znak UTF-8„ U + 2026 ”lub URI i reprezentuje wielokropek właściwości trybu przepełnienia tekstu. Jeśli wartość jest zdefiniowana jako URI, wyświetla obraz za adresem URL. Możesz również ustawić obie wartości, co oznacza, że określają one wizualną wskazówkę dotyczącą przepełnienia na końcu i wskazówkę za ramką elementu. Ta ostatnia wskazówka wizualna jest wyświetlana tylko wtedy, gdy zawartość jest obcięta z powodu ograniczenia wymiaru w bloku elementu.

Przykłady

Zobacz przykład na żywo

Zobacz przykład na żywo

Użycie

Uwagi

Ponieważ początkowa wartość (U + 2026) podpowiedzi wizualnej przepełnienia po polu elementu może nie być łatwo renderowana w niektórych sytuacjach, agent użytkownika może zastąpić ją sekwencją 3 znaków FULL STOP (U + 002E).

Zobacz także

Atrybuty CSS

• background-blend-mode

• położenie- w tle

• przerwa- przed

• wysokość

• styl listy

• list-style-position

• text-overflow-ellipsis

• text-overflow-mode

• Text-rendering

• user-select

• równość

• Selektor atrybutu

• łącznik

• przedrostek

• podciąg

• sufiks

• przesunięcie linii bazowej

• Animacja JavaScript

Tekst

• blokowanie postępu

• font-language-override

• font-size

• dzielenie-limit-znaków

• hyphenate-limit-lines

• hyphenate-limit-zone

• łączniki

• tryb-czasu

• layout-grid

• znak-siatki-układu

• layout-grid-line

• layout-grid-mode

• typ-siatki-układu

• odstępy- między literami

• przepełnienie-tekstu-wielokropka

• text-overflow-mode

• Text-rendering

• modyfikacja użytkownika

• Tekst

• rozmiar

• b

• b

• br

• br

• podpis

• cite

• kod

• del

• dfn

• em

• font

• hr

• i

• ins

• kbd

• mark

• samp

• silny

• Osiąganie efektów typograficznych za pomocą puszki tag vas