The text-overflow property determines the visibility of the text in the block if the entire text does not fit in the specified area.
There are two options: the text is cut off; the text is truncated and an ellipsis is added to the end of the line. text-overflow works when the block's overflow property is set to auto, scroll, or hidden.
text-overflow: ( clip | ellipsis | string ){1,2} | inherit;