सीएसएस में ब्लॉक ओवरफ्लो

overflowoverflow-xoverflow-y
Задание 1

200px चौड़ाई और ऊंचाई वाला एक डिव बनाएं। इसमें एक लंबा टेक्स्ट जोड़ें, जो इस ब्लॉक की ऊंचाई में फिट न हो। जांचें कि टेक्स्ट ब्लॉक के निचले हिस्से से बाहर निकलेगा।

Задание 2

पिछले कार्य को इस तरह संशोधित करें कि डिव में ऊंचाई में टेक्स्ट के बाहर निकलने पर एक ऊर्ध्वाधर स्क्रॉल बार दिखाई दे।

Задание 3

पिछले कार्य को इस तरह संशोधित करें कि ऊर्ध्वाधर रूप से बाहर निकलने वाला टेक्स्ट कट जाए।

Задание 4

पिछले कार्य को इस तरह संशोधित करें कि डिव पर माउस ले जाने पर डिव की ऊंचाई इतनी बड़ी हो जाए कि उस डिव में सारा टेक्स्ट फिट हो सके।

Задание 5

300px चौड़ाई और ऊंचाई वाला एक डिव बनाएं। हमारे डिव में एक ऐसी छवि जोड़ें जो चौड़ाई और ऊंचाई दोनों में डिव से बड़ी हो। जांचें कि छवि डिव की सीमाओं से बाहर निकल जाएगी।

Задание 6

पिछले कार्य को इस तरह संशोधित करें कि छवि के बाहर निकलने पर स्क्रॉल बार दिखाई दें।

Задание 7

पिछले कार्य को इस तरह संशोधित करें कि छवि के बाहर निकलने वाले हिस्से कट जाएं।

Задание 8

पिछले कार्य को इस तरह संशोधित करें कि छवि के बाहर निकलने वाले हिस्से क्षैतिज रूप से कट जाएं, और ऊर्ध्वाधर रूप से एक स्क्रॉल बार दिखाई दे।

Задание 9

150px चौड़ाई और ऊंचाई वाला एक डिव बनाएं। ऐसा करें कि डिव की सामग्री की परवाह किए बिना, उसमें हमेशा ऊर्ध्वाधर रूप से एक स्क्रॉल बार रहे।