CSS बॉर्डर और आउटलाइन के बीच अंतर को समझना

CSS बॉर्डर प्रॉपर्टी का इस्तेमाल किसी एलिमेंट के बॉर्डर प्रॉपर्टीज को परिभाषित करने के लिए किया जाता है। यह सीमा-चौड़ाई, सीमा-शैली और सीमा-रंग के लिए एक आशुलिपि है। अलग-अलग पक्षों की सीमाओं को स्टाइल किया जा सकता है और एक सीमा-त्रिज्या भी निर्दिष्ट की जा सकती है।

दूसरी ओर, सीएसएस की रूपरेखा जगह नहीं लेती है और यदि सेट हो तो सीमा के चारों ओर प्रदर्शित होती है। यह ऑफसेट का समर्थन करता है। इसके अलावा, हम यह निर्दिष्ट नहीं कर सकते कि अलग-अलग पक्षों की रूपरेखा होनी चाहिए या नहीं।

डिफ़ॉल्ट रूप से, बॉर्डर और आउटलाइन दोनों प्रदर्शित नहीं होते हैं।

सिंटैक्स

CSS बॉर्डर और आउटलाइन प्रॉपर्टी का सिंटैक्स इस प्रकार है -

चयनकर्ता { बॉर्डर:/*वैल्यू*/ आउटलाइन:/*वैल्यू*/}

उदाहरण

निम्नलिखित उदाहरण CSS बॉर्डर और आउटलाइन प्रॉपर्टी को दर्शाते हैं -

<शरीर>
उदाहरण
यह बात है!

आउटपुट

यह निम्न आउटपुट देता है -

उदाहरण

डेमो हेडिंग

यह डेमो टेक्स्ट है जो बॉर्डर और आउटलाइन से घिरा हुआ है।
 
आउटपुट
 

 यह निम्न आउटपुट देता है -