CSS टेक्स्ट-ओवरफ्लो प्रतियोगिता
- पिछला पृष्ठ text-orientation
- अगला पान text-shadow
वर्णन और उपयोग
text-overflow गुण इस तरह की घटना को निर्धारित करता है जब पाठ शामिल एलिमेंट से बह जाता है。
और भी देखें:
CSS3 शिक्षा:CSS3 टेक्स्ट इफेक्ट
HTML DOM संदर्भ दस्तावेज़:textOverflow गुण
उदाहरण
text-overflow गुण का प्रयोग करना:
div.test { text-overflow:ellipsis; }
पृष्ठ के नीचे और भी उदाहरण हैं。
CSS व्याकरण
text-overflow: clip|ellipsis|string;
गुण मूल्य
मूल्य | वर्णन | टेस्ट |
---|---|---|
clip | पाठ को कटें | टेस्ट |
ellipsis | कटे गए पाठ को प्रतिनिधित्व करने के लिए संक्षिप्त प्रतीक दिखाएं। | टेस्ट |
string | दिए गए शब्दों को प्रतिनिधित्व करने वाली गणना का प्रयोग करें जो कटे गए पाठ को प्रतिनिधित्व करती है。 |
तकनीकी विवरण
मूलभूत मूल्य: | clip |
---|---|
विरासत की गुणता: | नहीं |
संस्करण: | CSS3 |
JavaScript व्याकरण: | object.style.textOverflow="ellipsis" |
और भी उदाहरण
- hover प्रभाव वाले Text-overflow
- इस उदाहरण में दिखाया गया है कि एलिमेंट पर कॉर्सर होगा तो पूरा पाठ कैसे दिखाया जाएगा。
ब्राउज़र समर्थन
तालिका में दिए गए संख्याएं इस गुण के पूर्ण समर्थन वाली पहली ब्राउज़र संस्करण को निर्दिष्ट करती हैं。
दूसरे से -o- लगाए गए संख्या का प्रयोग पहली संस्करण के प्रयोग के लिए किया जाता है。
च्रोम | IE / एज | फ़ायरफॉक्स | सैफारी | ओपेरा |
---|---|---|---|---|
4.0 | 6.0 | 7.0 | 3.1 | 11.0 9.0 -o- |
- पिछला पृष्ठ text-orientation
- अगला पान text-shadow