YouTip LogoYouTip

Prop Style Textoverflow

# Style textOverflow Property [![Image 8: Style Object Reference](#) 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 ![Image 9: Internet Explorer](#)![Image 10: Firefox](#)![Image 11: Opera](#)![Image 12: Google Chrome](#)![Image 13: Safari](#) 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](#)
← Prop Style TransformProp Style Textdecorationstyle β†’