The text-overflow property controls how inline content that overflows the line box edge is rendered. Affects only rendering — not layout or pointer event dispatching. Requires overflow !== visible to take effect..cell {
text-overflow: ellipsis;
}.cell {
text-overflow: "…" "…";
}clipThe default value. Hides overflowing content (clips at the box edge).ellipsisRenders the U+2026 character (…) in place of the clipped content.fadeApplies a fade-out effect near the edge — content gradually fades.fade()The fade() function with a length/percentage parameter setting the fade length — e.g. fade(20px) or fade(50%).CSS Overflow Module Level 4Editor's DraftW3CMDN
In the beginning God created the heavens and the earth.
Show all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
