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