-
CSS में width और height प्रॉपर्टीज
हम एलिमेंट के कंटेंट के लिए विशेष रूप से ऊंचाई और चौड़ाई परिभाषित कर सकते हैं, हालांकि ये प्रॉपर्टीज मार्जिन, पैडिंग या बॉर्डर को शामिल नहीं करती हैं। सिंटैक्स CSS height प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector { height: /*value*/ } CSS width प्रॉपर्टी का सिंटैक्स निम्नानुसार है:
-
CSS में max-height प्रॉपर्टी
हम CSS max-height प्रॉपर्टी का उपयोग करके किसी एलिमेंट के कंटेंट बॉक्स के लिए एक निश्चित अधिकतम ऊंचाई परिभाषित कर सकते हैं जो एलिमेंट के कंटेंट बॉक्स को उससे ऊंचा नहीं होने देती, भले ही ऊंचाई max-height से अधिक हो। सिंटैक्स CSS max-height प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {  
-
CSS का उपयोग करके टेक्स्ट अलाइनमेंट सेट करना
हम CSS text-align प्रॉपर्टी का उपयोग क्षैतिज अलाइनमेंट के लिए और CSS padding-top के साथ padding-bottom, या CSS line-height का उपयोग लंबवत अलाइनमेंट के लिए करके HTML डॉक्यूमेंट्स में टेक्स्ट को अलाइन कर सकते हैं। सिंटैक्स उपरोक्त CSS प्रॉपर्टीज के लिए सिंटैक्स निम्नानुसार हैं: Selector {  
-
CSS का उपयोग करके लिंक की विभिन्न अवस्थाओं को स्टाइल करना
CSS स्यूडो सेलेक्टर्स का उपयोग करके, अर्थात् :active, :hover, :link और :visited, हम एक लिंक की विभिन्न अवस्थाओं को स्टाइल कर सकते हैं। उचित कार्यक्षमता के लिए, इन सेलेक्टर्स का क्रम निम्नानुसार दिया गया है: :link, :visited, :hover, :active। सिंटैक्स CSS text-indent प्रॉपर्टी का सिंटैक्स निम्नानुसार
-
CSS में एक्सटर्नल स्टाइल शीट्स इम्पोर्ट करना
हम किसी अन्य CSS डिक्लेरेशन के अंदर अतिरिक्त CSS फाइल्स इम्पोर्ट कर सकते हैं। इस उद्देश्य के लिए @import नियम का उपयोग किया जाता है क्योंकि यह एक डॉक्यूमेंट में एक स्टाइलशीट को लिंक करता है। यह आमतौर पर तब उपयोग किया जाता है जब एक स्टाइलशीट दूसरी पर निर्भर होती है। इसे @charset डिक्लेरेशन के बाद <
-
CSS में max-width प्रॉपर्टी
हम CSS max-width प्रॉपर्टी का उपयोग करके किसी एलिमेंट के कंटेंट बॉक्स के लिए एक निश्चित अधिकतम चौड़ाई परिभाषित कर सकते हैं जो एलिमेंट के कंटेंट बॉक्स को उससे चौड़ा नहीं होने देती, भले ही चौड़ाई max-width से अधिक हो। सिंटैक्स CSS max-width प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {  
-
CSS का उपयोग करके व्यक्तिगत पक्षों के लिए मार्जिन सेट करना
CSS हमें किसी एलिमेंट के व्यक्तिगत पक्षों के आसपास की जगह को नियंत्रित करने की अनुमति देता है। CSS margin प्रॉपर्टी निम्नलिखित प्रॉपर्टीज के लिए एक शॉर्टहैंड है: margin-top, margin-right, margin-bottom और margin-left। सिंटैक्स CSS margin प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {
-
CSS में टेबल पर बॉर्डर जोड़ना
CSS border प्रॉपर्टी का उपयोग किसी एलिमेंट के लिए बॉर्डर को परिभाषित करने के लिए किया जाता है। CSS border प्रॉपर्टी का सिंटैक्स निम्नानुसार है: सिंटैक्स Selector { border: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS border प्रॉपर्टी को दर्शाते हैं: <!DOCTYPE html> <html> <he
-
CSS में मार्जिन शॉर्टहैंड प्रॉपर्टी
CSS margin शॉर्टहैंड प्रॉपर्टी का उपयोग किसी एलिमेंट के लिए मार्जिन क्षेत्र को परिभाषित करने के लिए किया जाता है। यह क्लॉक-वाइज दिशा में मान सेट करता है, यानी margin-top, margin-right, margin-bottom और फिर margin-left। सिंटैक्स CSS margin प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {  
-
CSS में व्यक्तिगत पक्षों के लिए पैडिंग परिभाषित करना
CSS हमें एलिमेंट्स के लिए साइड-स्पेसिफिक पैडिंग सेट करने की अनुमति देता है। padding-top, padding-right, padding-bottom और padding-left प्रॉपर्टीज क्रमशः टॉप, राइट, बॉटम और लेफ्ट पैडिंग को परिभाषित करती हैं। padding शॉर्टहैंड प्रॉपर्टी का उपयोग क्लॉक-वाइज दिशा में मान निर्दिष्ट करके समान आउटपुट प्राप
-
CSS का उपयोग करके टेबल कैप्शन की स्थिति को नियंत्रित करना
CSS caption-side प्रॉपर्टी का उपयोग टेबल कैप्शन बॉक्स को लंबवत रूप से पोजिशन करने के लिए किया जाता है। यह top और bottom मान ले सकता है। डिफ़ॉल्ट रूप से, टेबल कैप्शन शीर्ष पर रखा जाता है। सिंटैक्स CSS caption-side प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector { caption-side: /*value*/ }
-
CSS बॉक्स मॉडल को समझना
HTML डॉक्यूमेंट में प्रत्येक एलिमेंट को CSS द्वारा एक आयताकार बॉक्स के रूप में माना जाता है। यह डिफ़ॉल्ट लेआउट स्कीम है और इसे हमारी आवश्यकताओं के अनुसार कस्टमाइज़ किया जा सकता है। एलिमेंट्स की पोजिशनिंग, उनका कंटेंट, और उनके आसपास के एलिमेंट्स CSS के बॉक्स मॉडल का पालन करके किए जाते हैं। शुरुआत करत
-
CSS का उपयोग करके कर्सर का रूप बदलना
हम HTML डॉक्यूमेंट में विभिन्न एलिमेंट्स के लिए कर्सर इमेज को CSS cursor प्रॉपर्टी का उपयोग करके मैनिपुलेट कर सकते हैं। सिंटैक्स CSS cursor प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector { cursor: /*value*/ } CSS cursor प्रॉपर्टी के लिए निम्नलिखित मान हैं: क्र.सं.मान और विवरण 1alias
-
CSS में लेटर स्पेसिंग
अक्षरों के बीच की जगह को CSS letter-spacing प्रॉपर्टी का उपयोग करके एडजस्ट किया जा सकता है। CSS letter-spacing प्रॉपर्टी का सिंटैक्स निम्नानुसार है: सिंटैक्स Selector { letter-spacing: /*value*/ } निम्नलिखित उदाहरण CSS letter-spacing प्रॉपर्टी को दर्शाते हैं: उदाहरण <!DOCTYPE html>
-
CSS Overflow प्रॉपर्टी के साथ काम करना
CSS overflow प्रॉपर्टी तब काम आती है जब यूजर कंटेंट को रिसाइज़ किए बिना एक छोटे कंटेनर में बड़ा कंटेंट प्रदर्शित करना चाहता है। यह प्रॉपर्टी यूजर को कंटेंट क्लिप करने, क्लिप्ड कंटेंट देखने के लिए स्क्रॉलबार प्रदान करने, कंटेंट को कंटेनर के बाहर रेंडर करने की अनुमति देती है, इसीलिए इसका नाम overflow
-
CSS में बॉर्डर शॉर्टहैंड प्रॉपर्टी
border प्रॉपर्टी का उपयोग किसी एलिमेंट के लिए बॉर्डर प्रॉपर्टीज को परिभाषित करने के लिए किया जाता है। यह border-width, border-style और border-color के लिए एक शॉर्टहैंड है। सिंटैक्स CSS border प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector { border: /*value*/ } उदाहरण निम्नलिखित उदाहरण C
-
CSS बैकग्राउंड प्रॉपर्टीज
CSS बैकग्राउंड प्रॉपर्टीज हमें एलिमेंट्स के बैकग्राउंड को स्टाइल करने में मदद करती हैं। CSS background प्रॉपर्टी किसी एलिमेंट के बैकग्राउंड को निर्दिष्ट करने का एक शॉर्टहैंड है। background-color, background-image, background-repeat, background-position, background-clip, background-size, background-o
-
CSS में बैकग्राउंड कलर सेट करना
हम background-color प्रॉपर्टी का उपयोग करके किसी एलिमेंट का बैकग्राउंड कलर निर्दिष्ट कर सकते हैं। हम मानक नामों, rgb(), rgba(), hsl() या hsla() द्वारा मान निर्दिष्ट कर सकते हैं। सिंटैक्स CSS background-color प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector { background-color: /*value*/ }
-
CSS में टेक्स्ट फॉर्मेटिंग
CSS हमें देखने में आकर्षक कंटेंट बनाने के लिए टेक्स्ट को फॉर्मेट करने की अनुमति देता है। CSS का उपयोग करके टेक्स्ट को स्टाइल करने के लिए निम्नलिखित प्रॉपर्टीज का उपयोग किया जाता है। color यह प्रॉपर्टी टेक्स्ट का रंग बदलने में मदद करती है। letter-spacing यह प्रॉपर्टी कैरेक्टर्स के बीच स्पेसिंग सेट कर
-
CSS में लिस्ट स्टाइल टाइप सेट करना
CSS list-style-type प्रॉपर्टी का उपयोग लिस्ट आइटम्स के मार्कर को स्टाइल करने के लिए किया जाता है। हम इन स्टाइल्स को अनऑर्डर्ड और ऑर्डर्ड दोनों प्रकार की सूचियों पर लागू कर सकते हैं। सिंटैक्स CSS list-style-type प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector { list-style-type: /*value*/