✳flâneur — a map of the web's best reading

text-overflow - CSS: Cascading Style Sheets | MDN

developer.mozilla.org · 997 words · saved by 1 readers

The text-overflow CSS property sets how hidden overflow content is signaled to users. It can be clipped, display an ellipsis ('…'), or display a custom string. The text-overflow property doesn't force an overflow to occur. To make text overflow its container, you have to set other CSS properties: overflow and white-space. For example: The text-overflow property only affects content that is overflowing a block container element in its inline progression direction (not text overflowing at the bottom of a box, for example). The text-overflow property may be specified using one or two values. If one value is given, it specifies overflow behavior for the end of the line (the right end for left-to-right text, the left end for right-to-left text). If two values are given, the first specifies overflow behavior for the left end of the line, and the second specifies it for the right end of the line. The property accepts either a keyword value (clip or ellipsis) or a value. The default f

text-overflow CSS property - CSS | MDN Skip to main content Skip to search text-overflow CSS property Baseline Widely available * This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. * Some parts of this feature may have varying levels of support. Learn more See full compatibility The text-overflow CSS property sets how hidden overflow content is signaled to users. Try it text-overflow: clip; text-overflow: ellipsis; text-overflow: "-"; text-overflow: ""; <section id="default-example"> <div id="example-element

Explore this link on the map →

related reading