-
जब एलिमेंट का कंटेंट आवंटित स्पेस से बड़ा हो तो क्या करें?
जब किसी एलिमेंट का कंटेंट उसके लिए आवंटित स्पेस से बड़ा होता है, तो CSS overflow प्रॉपर्टी का उपयोग करके इस समस्या को हल किया जा सकता है। उदाहरण निम्न कोड को चलाकर देखें कि overflow प्रॉपर्टी कैसे काम करती है: <html> <head> <style> .scroll { display: block;
-
CSS overflow प्रॉपर्टी के मान
overflow प्रॉपर्टी CSS overflow प्रॉपर्टी ब्राउज़र को बताती है कि यदि बॉक्स की सामग्री बॉक्स से बड़ी है तो क्या करना है। मान और विवरण मानविवरण visibleसामग्री को अपने कंटेनर एलिमेंट की सीमाओं से बाहर बहने देता है। hiddenनेस्टेड एलिमेंट की सामग्री कंटेनर की सीमा पर कट जाती है और कोई स्क्रॉलबार दि
-
CSS से एलिमेंट को व्यू से छुपाएं
visibility:hidden का उपयोग किसी एलिमेंट को व्यू से छुपाने के लिए visibility प्रॉपर्टी को hidden मान के साथ उपयोग करें। उदाहरण <html> <head> </head> <body> <p>यह पैराग्राफ दिखाई देगा।</p> <p style=visibility:hidden;> यह पैराग्राफ दिखाई नह
-
CSS से आउटलाइन स्टाइल को डैश्ड लाइन बनाएं
आउटलाइन स्टाइल: डैश्ड आउटलाइन स्टाइल को डैश्ड लाइन बनाने के लिए outline-style प्रॉपर्टी को dashed मान के साथ उपयोग करें। उदाहरण <html> <head> </head> <body> <p style=outline-width:6px; outline-style:dashed;> इस टेक्स्ट में 6px डैश्ड आउटलाइन है। <
-
CSS height प्रॉपर्टी
बॉक्स की ऊंचाई निर्धारित करें height प्रॉपर्टी बॉक्स की ऊंचाई सेट करती है। मान: लंबाई, प्रतिशत, या auto। उदाहरण <html> <head> </head> <body> <p style=width:200px; height:50px; border:2px solid green; padding:15px; margin:20px;> यह पैराग्राफ 200 पिक्सेल
-
CSS से बॉक्स की अधिकतम ऊंचाई सेट करें
max-height प्रॉपर्टी max-height प्रॉपर्टी बॉक्स की अधिकतम ऊंचाई निर्धारित करती है। मान: संख्या, लंबाई, या प्रतिशत। उदाहरण <html> <head> </head> <body> <p style=width:400px; max-height:10px; border:2px solid green; padding:10px; margin:15px;> यह पैराग्रा
-
CSS width प्रॉपर्टी
बॉक्स की चौड़ाई निर्धारित करें width प्रॉपर्टी बॉक्स की चौड़ाई सेट करती है। मान: लंबाई, प्रतिशत, या auto। उदाहरण <html> <head> </head> <body> <p style=width:200px; height:50px; border:2px solid green; padding:15px; margin:20px;> यह पैराग्राफ 200 पिक्सेल
-
CSS visibility:hidden का उपयोग
एलिमेंट छुपाएं visibility प्रॉपर्टी को hidden मान के साथ उपयोग करके किसी एलिमेंट को छुपाया जा सकता है। उदाहरण <html> <head> </head> <body> <p>यह पैराग्राफ सामान्य रूप से दिखाई देगा।</p> <p style=visibility:hidden;> यह पैराग्राफ दिखाई नही
-
CSS line-height प्रॉपर्टी
टेक्स्ट लाइन की ऊंचाई सेट करें line-height प्रॉपर्टी का उपयोग टेक्स्ट की एक लाइन की ऊंचाई निर्धारित करने के लिए किया जाता है। इसका मान संख्या, लंबाई, या प्रतिशत हो सकता है। उदाहरण <html> <head> </head> <body> <p style=width:300px; height:100px; border:2px solid
-
CSS max-height प्रॉपर्टी
अधिकतम ऊंचाई सेट करें max-height प्रॉपर्टी का उपयोग उस अधिकतम ऊंचाई को निर्धारित करने के लिए किया जाता है जो एक बॉक्स की हो सकती है। इसका मान संख्या, लंबाई, या प्रतिशत हो सकता है। उदाहरण <html> <head> </head> <body> <p style=width:400px; max-height:10px; border:
-
CSS min-width प्रॉपर्टी
न्यूनतम चौड़ाई सेट करें min-width प्रॉपर्टी का उपयोग उस न्यूनतम चौड़ाई को निर्धारित करने के लिए किया जाता है जो एक बॉक्स की हो सकती है। इसका मान संख्या, लंबाई, या प्रतिशत हो सकता है। उदाहरण <html> <head> </head> <body> <p style=min-width:400px; height:100px; bor
-
CSS से बॉक्स की ऊंचाई सेट करें
CSS height प्रॉपर्टी height प्रॉपर्टी का उपयोग किसी बॉक्स की ऊंचाई निर्धारित करने के लिए किया जाता है। यह लंबाई, प्रतिशत, या auto कीवर्ड मान स्वीकार करती है। उदाहरण निम्न कोड चलाकर बॉक्स की ऊंचाई सेट करें: <html> <head> </head> <body> <p style=width:200px; heigh
-
CSS से बॉक्स की चौड़ाई सेट करें
CSS width प्रॉपर्टी width प्रॉपर्टी का उपयोग किसी बॉक्स की चौड़ाई निर्धारित करने के लिए किया जाता है। यह लंबाई (px, em, rem), प्रतिशत (%), या auto कीवर्ड मान स्वीकार करती है। उदाहरण निम्न कोड चलाकर बॉक्स की चौड़ाई सेट करें: <html> <head> </head> <body> <p style=
-
CSS Cursor प्रॉपर्टी का उदाहरण
CSS cursor प्रॉपर्टी के साथ, आप क्रॉसहेयर या प्लस साइन, पॉइंटर आदि दिखा सकते हैं। आप CSS में cursor प्रॉपर्टी लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <html> <head> </head> <body> <div style
-
CSS के साथ आउटलाइन की चौड़ाई सेट करें
outline-width प्रॉपर्टी का उपयोग आउटलाइन की चौड़ाई सेट करने के लिए किया जाता है। इसका मान लंबाई या thin, medium, या thick मानों में से एक होना चाहिए, ठीक border-width एट्रिब्यूट की तरह। उदाहरण <html> <head> </head> <body> &
-
CSS outline प्रॉपर्टी
outline प्रॉपर्टी एक शॉर्टहैंड प्रॉपर्टी है जो आपको कलर, स्टाइल, आउटलाइन की चौड़ाई जैसी कई प्रॉपर्टीज के मान निर्दिष्ट करने की अनुमति देती है। उदाहरण <html> <head> </head> <body> <p style = "outline:thin soli
-
CSS के साथ आउटलाइन के लिए लाइन स्टाइल सेट करें
outline-style प्रॉपर्टी उस लाइन के लिए स्टाइल निर्दिष्ट करती है जो किसी एलिमेंट के चारों ओर जाती है। उदाहरण आप outline-style प्रॉपर्टी लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: <html> <head> </head> <body> &nb
-
CSS के साथ आउटलाइन का कलर सेट करें
outline-color प्रॉपर्टी आपको आउटलाइन का कलर निर्दिष्ट करने की अनुमति देती है। इसका मान कलर नाम, हेक्स कलर, या RGB वैल्यू होना चाहिए, जैसा कि color और border-color प्रॉपर्टीज के साथ होता है। उदाहरण आप outline-color प्रॉपर्टी लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: <html>
-
CSS में एक ही स्टेटमेंट में आउटलाइन की चौड़ाई, लाइन स्टाइल और कलर प्रॉपर्टीज सेट करें
outline प्रॉपर्टी एक शॉर्टहैंड प्रॉपर्टी है जो आपको आउटलाइन की चौड़ाई, लाइन स्टाइल और कलर जैसी कई प्रॉपर्टीज के मान निर्दिष्ट करने की अनुमति देती है। उदाहरण <html> <head> </head> <body> <p style = "outline:th
-
CSS के साथ आउटलाइन स्टाइल को दो सॉलिड लाइन्स के रूप में सेट करें
आउटलाइन स्टाइल को दो सॉलिड लाइन्स के रूप में सेट करने के लिए, outline-style प्रॉपर्टी का उपयोग करें जिसका मान double हो। उदाहरण <html> <head> </head> <body> <p style = "outline-width:7px;outline-style:double;