text-overflow: ***;

Browser
  • IE
  • Cr
  • Sf
  • Fx
  • O
Type
  • Extension

The text-overflow property controls whether to use the ellipsis character (...) to indicate text overflow.


p {
text-overflow: ellipsis;
}
Property Value Explanation
text-overflow ellipsis the ellipsis character is displayed
clip the ellipsis character is not displayed (default)

Example


<html>
<head>
<title>TAG index</title>

<style type="text/css">

p {
width: 250px;
overflow: hidden;
white-space: nowrap;
border: 1px #c0c0c0 solid;
}

#example1 { text-overflow: clip; }
#example2 { text-overflow: ellipsis; }

</style>

</head>
<body>

<p id="example1">This is example text. The text-overflow property.</p>
<p id="example2">This is example text. The text-overflow property.</p>

</body>
</html>
Output

This is example text. The text-overflow property.

This is example text. The text-overflow property.