DOM स्टाइल ओवरफ्लोY प्रॉपर्टी वापस आती है और संशोधित करती है कि क्या करना है जब किसी एलीमेंट बॉक्स के अंदर की सामग्री HTML दस्तावेज़ में ऊपर/नीचे ओवरफ्लो हो जाती है।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
-
ओवरफ्लो लौट रहा हैY
object.style.overflowY
-
अतिप्रवाह को संशोधित करनाY
object.style.overflowY ="value"
मान
यहाँ मान हो सकता है -
मान | स्पष्टीकरण |
---|---|
स्क्रॉल करें | यह सामग्री को क्लिप करता है और आवश्यक होने पर स्क्रॉल बार जोड़े जाते हैं। |
उत्तराधिकारी | यह इस गुण मान को इसके मूल तत्व से प्राप्त करता है। |
प्रारंभिक | इसने इस गुण मान को उसके डिफ़ॉल्ट मान पर सेट किया। |
स्वतः | यह सामग्री को क्लिप करता है और आवश्यक होने पर स्क्रॉल बार जोड़ता है। |
छिपा हुआ | यह तत्व बॉक्स के बाहर सामग्री प्रवाह को छुपाता है। |
दृश्यमान | यह सामग्री को क्लिप नहीं करता है और सामग्री तत्व बॉक्स के बाहर प्रवाहित होगी। |
उदाहरण
आइए स्टाइल ओवरफ्लोएक्स प्रॉपर्टी का एक उदाहरण देखें -
<सिर> <शैली> बॉडी { रंग:#000; पृष्ठभूमि-छवि:रैखिक-ढाल (शीर्ष पर, #a18cd1 0%, #fbc2eb 100%); ऊंचाई:100 वीएच; } पी { बॉर्डर:2px ठोस #fff; ऊंचाई:100 पीएक्स; चौड़ाई:200px; } .बीटीएन {पृष्ठभूमि:मूंगा; सीमा:कोई नहीं; ऊंचाई:2रेम; सीमा-त्रिज्या:2px; चौड़ाई:40%; प्रदर्शन क्षेत्र; रंग:#ff; रूपरेखा:कोई नहीं; कर्सर:सूचक; मार्जिन-टॉप:4rem; }DOM Style OverflowY प्रॉपर्टी का उदाहरण
यह कुछ डमी टेक्स्ट के साथ पैराग्राफ 1 है। यह कुछ डमी टेक्स्ट के साथ पैराग्राफ 1 है। यह कुछ डमी टेक्स्ट के साथ पैराग्राफ 1 है। यह कुछ डमी टेक्स्ट के साथ पैराग्राफ 1 है। यह कुछ डमी टेक्स्ट के साथ पैराग्राफ 1 है। यह कुछ डमी टेक्स्ट के साथ पैराग्राफ 1 है।