text-overflow

The text-overflow property specifies how overflowed text is handled.

Formal Syntax

text-overflow = [ clip | ellipsis | <string> | fade | <fade()> ]{1,2}

Initial value: clip
Applies to: block containers
Inherited: no
Percentages: refer to the width of the line box
Computed value: as specified, with lengths made absolute
Animation type: by computed value type

See specification

JavaScript Access

// Access via element.style element.style.textOverflow = "clip";

Browser Support

standard | MDN · Spec · Spec

Feature	Chrome	Firefox	Safari	Edge
text-overflow	1	7	1.3	12
clip	1	7	1.3	12
ellipsis	1	7	1.3	12
string	—	9	—	—
two_value_syntax	—	9	—	—

Related Properties