Join the Teckiy Community
Sign up for Free !!
World's first open source developer community with
Ticketing System
What is the key difference beween these CSS properties and when to use them?
Thanks in advance!
word-wrap: The word-wrap CSS property is used to specify whether or not the browser may break lines within words in order to prevent overflow when an otherwise unbreakable string is too long to fit in its containing box.
overflow-wrap: The overflow-wrap CSS property applies to inline elements, setting whether the browser should insert line breaks within an otherwise unbreakable string to prevent text from overflowing its line box.Word-wrap property has been renamed overflow-wrap in the current draft of the CSS3 Text specification.
word-break: The word-break CSS property is used to specify how (or if) to break lines within words.