overflow-wrap प्रॉपर्टी

overflow-wrap प्रॉपर्टी कंटेनर की चौड़ाई में फिट न होने वाले लंबे शब्द के अक्षरों को नई लाइन पर लपेटने की अनुमति देती है।

सिंटैक्स

सेलेक्टर {
	overflow-wrap: break-word | normal;
}

वैल्यू	विवरण
`break-word`	लंबे शब्दों को नई लाइन पर लपेटने के लिए मजबूर करता है, यदि वह शब्द कंटेनर में फिट नहीं होता है। इस स्थिति में शब्द नई लाइन से शुरू होगा।
`normal`	मानक व्यवहार: यदि लंबा शब्द कंटेनर की चौड़ाई में फिट नहीं होता है - तो वह उसकी सीमा से बाहर निकल जाएगा (हालांकि नई लाइन से शुरू होगा)।

डिफॉल्ट वैल्यू: normal।

इस उदाहरण में एक बहुत लंबा शब्द कंटेनर में फिट नहीं होगा और उसकी सीमाओं से बाहर निकल जाएगा (हालांकि नई लाइन से शुरू होगा):

<div id="elem">
	Lorem ipsum dolor sit amet
	loooooooooooooooooooooooooooooooongword,
	consectetur adipiscing elit.
</div>

#elem {
	word-wrap: normal;
	overflow-wrap: normal;
	border: 1px solid red;
	width: 200px;
}

और अब वे अक्षर जो फिट नहीं हो रहे थे, बस अगली लाइन पर लपेट दिए जाएंगे (हालांकि लंबा शब्द फिर भी नई लाइन से ही शुरू होगा):

<div id="elem">
	Lorem ipsum dolor sit amet
	loooooooooooooooooooooooooooooooongword,
	consectetur adipiscing elit.
</div>

#elem {
	overflow-wrap: break-word;
	border: 1px solid red;
	width: 200px;
}

word-break प्रॉपर्टी,
जो लंबे शब्द के अक्षरों को नई लाइन पर लपेटने की भी अनुमति देती है
word-wrap प्रॉपर्टी,
जो overflow-wrap प्रॉपर्टी का अप्रचलित नाम है
hyphens प्रॉपर्टी,
जो शब्दों को शब्दांशों में विभाजित करके लपेटने को सक्षम बनाती है
wbr टैग,
जो HTML के माध्यम से सॉफ्ट रैप लागू करता है
br टैग,
जिसकी सहायता से आप टेक्स्ट को जबरन नई लाइन पर ले जा सकते हैं