शैली अतिप्रवाह संपत्ति
उदाहरण
अतिप्रवाह वाली सामग्री को स्क्रॉल करने के लिए अतिप्रवाह गुण का उपयोग करें:
document.getElementById("myDIV").style.overflow = "scroll";
परिभाषा और उपयोग
अतिप्रवाह गुण सेट करता है या लौटाता है कि तत्व बॉक्स के बाहर प्रस्तुत सामग्री के साथ क्या करना है।
युक्ति: यदि आप संपूर्ण दस्तावेज़ के स्क्रॉलबार को छिपाना चाहते हैं, तो शरीर या html तत्व पर अतिप्रवाह गुण का उपयोग करें।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
overflow | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
अतिप्रवाह संपत्ति लौटाएं:
object.style.overflow
अतिप्रवाह संपत्ति सेट करें:
object.style.overflow = "visible|hidden|scroll|auto|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
visible | Content is NOT clipped and may be shown outside the element box. This is default |
hidden | Content outside the element box is not shown |
scroll | Scroll bars are added, and content is clipped when necessary |
auto | Content is clipped and scroll bars are added when necessary |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | दृश्यमान |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, उस सामग्री का प्रतिनिधित्व करती है जो तत्व बॉक्स के बाहर प्रस्तुत करती है |
सीएसएस संस्करण | सीएसएस 2 |
और ज्यादा उदाहरण
उदाहरण
अतिप्रवाह सामग्री को छिपाने के लिए अतिप्रवाह संपत्ति का उपयोग करें:
document.getElementById("myDiv").style.overflow = "hidden";
उदाहरण
अतिप्रवाह संपत्ति लौटाएं:
alert(document.getElementById("myDiv").style.overflow);
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस ओवरफ्लो
सीएसएस ट्यूटोरियल: सीएसएस पोजिशनिंग
सीएसएस संदर्भ: अतिप्रवाह संपत्ति
❮ स्टाइल ऑब्जेक्ट