Brand Logo

Website Coding Portal
HTML CSS & Script

Sawami Vivekanand
code
CSS Border Property

✯ HTML के किसी भी एलिमेंट पर Border बनाने के लिए CSS की Border प्रॉपर्टी का इस्तेमाल किया जाता हैं । यहां पर Inline CSS के स्थान पर Inpage CSS का उपयोग करके CSS की बॉर्डर प्रॉपर्टी का उपयोग करना सीखेंगे । CSS की Inline प्रॉपर्टी के बारे में जानने के लिए आप CSS Introduction पेज पर जा सकते हैं जहां पर विस्तार पूर्वक समझाया गया हैं की Inline CSS में CSS प्रॉपर्टी कैसे उपयोग में ली जाती हैं ।

✯ In-page CSS हमेशा HTML के हेड पार्ट में लिखी जाती हैं । इसको शुरू करने के लिए <style> टैग का प्रयोग किया जाता हैं तथा बंद करने के लिए </style> टैग का प्रयोग किया जाता हैं । इन टैग के मध्य HTML के किसी भी एलिमेंट को टारगेट करके उस पर किसी भी CSS प्रॉपर्टी के परिणाम को लागु करवाया जा सकता हैं । अब CSS की बॉर्डर प्रॉपर्टी अध्ययन आरम्भ करते हैं ।

✧ In-page CSS Structure ✧

✧ परिणाम ✧

div{..:..;} क्या है ?

✯ In-page CSS में हमेशा HTML के किसी एलिमेंट को सबसे पहले टारगेट किया जाता हैं जिस पर किसी भी CSS प्रॉपर्टी का इस्तेमाल करना चाहते हैं । यहाँ पर Div टैग को टारगेट करके उस पर CSS की कुछ प्रॉपर्टी का इस्तेमाल किया गया हैं ।

CSS Border Property Value

✯ CSS की बॉर्डर प्रॉपर्टी में Value(मान) को 3 वेरिएबल से इंगित (pointed out) किया जाता हैं जिसमे सबसे पहले बॉर्डर की साइज को लिखा जाता हैं तथा उसके पश्चात बॉर्डर के प्रकार को लिखा जाता हैं । अंत में बॉर्डर के किसी कलर नाम को लिखा जाता हैं जिस कलर में आप बॉर्डर चाहते हैं। बॉर्डर के कलर नाम को लिखना आवश्यक नहीं है CSS डिफ़ॉल्ट रूप से बॉर्डर कलर को ब्लैक कलर में निर्मित कर देती हैं ।

CSS Border Type

✯ यहाँ पर CSS की बॉर्डर प्रॉपर्टी के शेष बचे सभी बॉर्डर Type की वैल्यू को उदाहरण सहित प्रदर्शित किया गया हैं जिसे आप अपनी आवश्यकता अनुसार उपयोग में ले सकते हैं ।

Border : 15px Dotted green; Border : 15px Dashed green; Border : 15px Groove red; Border : 15px Ridge red; Border : 15px Inset pink; Border : 15px Outset pink;