text-overflow प्रॉपर्टी निर्धारित करती है कि प्रदर्शित नहीं की गई ओवरफ्लो कंटेंट को यूजर्स को कैसे संकेत दिया जाता है।
उदाहरण
text-overflow का नमूना उदाहरण निम्नानुसार दिखाया गया है:
<html> <head> <style> p.text1 { white-space: nowrap; width: 200px; border: 1px solid #000000; overflow: hidden; text-overflow: clip; } p.text2 { white-space: nowrap; width: 200px; border: 1px solid #000000; overflow: hidden; text-overflow: ellipsis; } </style> </head> <body> <b>मूल टेक्स्ट:</b> <p>Tutorials Point originated from the idea that there exists a class of readers who respond better to online content and prefer to learn new skills at their own pace from the comforts of their drawing rooms.</p> <b>Text overflow:clip:</b> <p class = "text1">Tutorials Point originated from the idea that there exists a class of readers who respond better to online content and prefer to learn new skills at their own pace from the comforts of their drawing rooms.</p> <b>Text overflow:ellipsis</b> <p class = "text2">Tutorials Point originated from the idea that there exists a class of readers who respond better to online content and prefer to learn new skills at their own pace from the comforts of their drawing rooms.</p> </body> </html>
आउटपुट
