Prop Style Textoverflow
# Style textOverflow Property
[ Style Object](#)
## Example
Change the textOverflow property:
```javascript
document.getElementById("myDIV").style.textOverflow="ellipsis";
[Try it Yourself Β»](#)
* * *
## Definition and Usage
The textOverflow property specifies how text should be displayed when it overflows the element containing it.
* * *
## Browser Support

The textOverflow property is supported in all major browsers.
* * *
## Syntax
Return the textOverflow property:
_object_.style.textOverflow
Set the textOverflow property:
_object_.style.textOverflow="clip|ellipsis|_string_|initial|inherit"
## Property Values
| Value | Description |
| --- | --- |
| clip | Default value. Clips the text. |
| ellipsis | Uses an ellipsis ("...") to represent the clipped text. |
| _string_ | Uses the given string to represent the clipped text. |
| initial | Sets this property to its default value. See (#). |
| inherit | Inherits this property from its parent element. See (#). |
## Technical Details
| Default Value: | clip |
| --- |
| Return Value | A String, representing the text-overflow property of an element. |
| CSS Version | CSS3 |
* * *
## Related Articles
CSS Reference: (#)
* * Style Object](#)
YouTip