CSS overflow-x गुण
- पिछला पृष्ठ overflow-wrap
- अगला पृष्ठ overflow-y
परिभाषा और उपयोग
overflow-x गुण सामग्री के बाएँ/दाएँ किनारों को काटने के लिए निर्धारित करता है - यदि ओवरफ्लो एलीमेंट के सामग्री क्षेत्र को ओवरफ्लो करने की जरूरत है।
सूचना:उपयोग overflow-y गुण का उपयोग करते हुए ऊपर/नीचे किनारों के लिए काटना निर्धारित करें。
CSS शिक्षा:CSS ओवरफ्लो
HTML DOM संदर्भ पुस्तक:overflowX गुण
उदाहरण
डिव एलीमेंट के भीतरी सामग्री के बाएँ/दाएँ किनारे को काटना - यदि ओवरफ्लो एलीमेंट के सामग्री क्षेत्र को ओवरफ्लो करने की जरूरत है:
div
{
overflow-x:hidden;
}
CSS व्याकरण
overflow-x: visible|hidden|scroll|auto|no-display|no-content;
गुण मान
| मान | वर्णन | परीक्षण |
|---|---|---|
| स्पष्ट | सामग्री को न काटें, वह सामग्री बॉक्स के बाहर दिख सकता है。 | परीक्षण |
| hidden | सामग्री काटना - स्क्रॉल मैकेनिज्म नहीं प्रदान करें。 | परीक्षण |
| scroll | सामग्री काटना - स्क्रॉल मैकेनिज्म प्रदान करें。 | परीक्षण |
| auto | यदि ओवरफ्लो बॉक्स है, तो स्क्रॉल मैकेनिज्म प्रदान करना चाहिए。 | परीक्षण |
| no-display | यदि सामग्री सामग्री बॉक्स में नहीं फिट है, तो पूरे बॉक्स को मिटाया जाएगा。 | परीक्षण |
| no-content | यदि सामग्री सामग्री बॉक्स में नहीं फिट है, तो पूरे सामग्री को छुपाया जाएगा。 | परीक्षण |
तकनीकी विवरण
| मूलभूत मान: | स्पष्ट |
|---|---|
| विरासतीयता: | नहीं |
| संस्करण: | CSS3 |
| JavaScript व्याकरण: | object.style.overflowX="scroll" |
ब्राउज़र समर्थन
तालिका में संख्याएं पूर्णतया समर्थित पहली ब्राउज़र संस्करण को निर्दिष्ट करती हैं。
जो -ms- सहित संख्या पहली संस्करण का उपयोग करती है。
| च्रोम | आईई / एज | फ़ायरफ़ॉक्स | सैफारी | ओपेरा |
|---|---|---|---|---|
| 4.0 | 9.0 8.0 -ms- |
3.5 | 3.0 | 9.5 |
- पिछला पृष्ठ overflow-wrap
- अगला पृष्ठ overflow-y
