Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

CSS overflow प्रॉपर्टी के मान

overflow प्रॉपर्टी

CSS overflow प्रॉपर्टी ब्राउज़र को बताती है कि यदि बॉक्स की सामग्री बॉक्स से बड़ी है तो क्या करना है।

मान और विवरण

मानविवरण
visibleसामग्री को अपने कंटेनर एलिमेंट की सीमाओं से बाहर बहने देता है।
hiddenनेस्टेड एलिमेंट की सामग्री कंटेनर की सीमा पर कट जाती है और कोई स्क्रॉलबार दिखाई नहीं देता।
scrollकंटेनर एलिमेंट का आकार नहीं बदलता, लेकिन सामग्री देखने के लिए स्क्रॉलबार जोड़ दिए जाते हैं।
autoscroll जैसा ही उद्देश्य, लेकिन स्क्रॉलबार केवल तभी दिखाई देता है जब सामग्री ओवरफ्लो होती है।

  1. CSS overflow: auto प्रॉपर्टी CSS overflow: auto प्रॉपर्टी

    overflow: auto का उपयोग overflow: auto ब्राउज़र को केवल तब स्क्रॉलबार जोड़ने का निर्देश देता है जब कंटेंट कंटेनर से बाहर निकल रहा हो। overflow: scroll के विपरीत, यह अनावश्यक स्क्रॉलबार नहीं दिखाता। उदाहरण <!DOCTYPE html> <html> <head> <style> div { backgr

  1. CSS overflow: scroll प्रॉपर्टी CSS overflow: scroll प्रॉपर्टी

    overflow: scroll का उपयोग overflow: scroll कंटेंट को क्लिप (काट) देता है और **हमेशा** स्क्रॉलबार दिखाता है (हॉरिजॉन्टल और वर्टिकल दोनों), भले ही कंटेंट ओवरफ्लो न हो रहा हो। उदाहरण <!DOCTYPE html> <html> <head> <style> div { background-color: orange;

  1. CSS overflow: hidden प्रॉपर्टी CSS overflow: hidden प्रॉपर्टी

    overflow: hidden का उपयोग overflow: hidden ओवरफ्लो हो रहे कंटेंट को क्लिप (छिपा) देता है, और कोई स्क्रॉलबार नहीं दिखाता। कंटेंट बस कट जाता है और यूजर उसे नहीं देख सकता। उदाहरण <!DOCTYPE html> <html> <head> <style> div { background-color: orange; w