स्टाइल overflow गुण
- पिछला पृष्ठ outlineWidth
- अगला पृष्ठ overflowX
- एक स्तर ऊपर एचटीएमएल डॉम स्टाइल ऑब्जैक्ट
व्याख्या और उपयोग
overflow
गुण के सेट करने या वापस करने के तरीके बताते हैं कि एलिमेंट बॉक्स के बाहर की सामग्री को कैसे सामने पर रखा जाए।
सूचना:पूरे दस्तावेज़ के स्क्रॉल बार को छिपाने के लिए body या html एलिमेंट के overflow गुण का उपयोग करें。
अन्य संदर्भ:
CSS शिक्षा:CSS ओवरफ्लोअ
CSS शिक्षा:CSS स्थानांतरण
CSS संदर्भ दस्तावेज़:overflow गुण
उदाहरण
उदाहरण 1
overflow गुण के द्वारा अतिरिक्त सामग्री को स्क्रॉल करें:
document.getElementById("myDIV").style.overflow = "स्क्रॉल";
उदाहरण 2
overflow गुण के द्वारा अतिरिक्त सामग्री को छिपाएं:
document.getElementById("myDiv").style.overflow = "छिपाया हुआ";
उदाहरण 3
overflow गुण वापस करें:
alert(document.getElementById("myDiv").style.overflow);
व्याकरण
overflow गुण वापस करें:
ऑब्जेक्ट.style.overflow
overflow गुण सेट करें:
ऑब्जेक्ट.style.overflow = "दृश्यमान|छिपाया हुआ|स्क्रॉल|स्वचालित|उत्पन्न|उत्पन्न"
गुण मूल्य
मूल्य | वर्णन |
---|---|
दृश्यमान | सामग्री को काटा नहीं जाएगा, यह एलिमेंट बॉक्स के बाहर प्रदर्शित हो सकता है। डिफ़ॉल्ट। |
छिपाया हुआ | एलिमेंट बॉक्स के बाहर की सामग्री को दिखाएं नहीं। |
स्क्रॉल | स्क्रॉल बार जोड़ें, आवश्यकता पड़ने पर सामग्री को काटें。 |
स्वचालित | आवश्यकता पड़ने पर सामग्री को काटें और स्क्रॉल बार जोड़ें。 |
उत्पन्न | इस गुण को उसके डिफ़ॉल्ट वैल्यू पर सेट करें। देखें उत्पन्न。 |
उत्पन्न | इस गुण को अपने पिता एलिमेंट से इस गुण को उत्पन्न करें। देखें उत्पन्न。 |
तकनीकी विवरण
डिफ़ॉल्ट वैल्यू: | दृश्यमान |
---|---|
वापसी वैल्यू: | शब्द, जो एलिमेंट बॉक्स के बाहर रेंडर करने के लिए है。 |
CSS संस्करण: | CSS2 |
ब्राउज़र समर्थन
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
सापोर्ट | सापोर्ट | सापोर्ट | सापोर्ट | सापोर्ट |
- पिछला पृष्ठ outlineWidth
- अगला पृष्ठ overflowX
- एक स्तर ऊपर एचटीएमएल डॉम स्टाइल ऑब्जैक्ट