एचआर टैग
hr टैग एक क्षैतिज विभाजक रेखा निर्दिष्ट करता है।
टैग का लाभ यह है कि एकल रेखा बनाने के लिए
अतिरिक्त ब्लॉक बनाने की आवश्यकता नहीं होती है।
इसे बंद करने वाले टैग की आवश्यकता नहीं होती है।
उदाहरण
आइए देखें कि hr टैग कैसे काम करता है:
<hr>
:
उदाहरण
आइए CSS गुण border-color की सहायता से
रेखा का रंग बदलने का प्रयास करें:
<hr style="border-color: red;">
:
उदाहरण
रेखा का रंग color गुण
द्वारा भी बदला जा सकता है
(हालाँकि, यदि color और border-color गुण
एक साथ निर्दिष्ट किए गए हैं
- तो दूसरे को प्राथमिकता दी जाती है):
<hr style="color: red">
:
उदाहरण
आइए अब CSS गुण border की सहायता से
रेखा का रंग बदलें।
ध्यान दें कि इससे रेखा
दोगुनी मोटाई की हो जाएगी (क्योंकि हमने
ऊपर और नीचे दोनों ओर बॉर्डर निर्दिष्ट की है):
<hr style="border: 1px solid red;">
:
उदाहरण
आइए CSS गुण border-top की सहायता से
रेखा का रंग बदलने का प्रयास करें,
और केवल ऊपरी बॉर्डर निर्दिष्ट करें। अब
दोहरी रेखा नहीं होगी:
<hr style="border-top: 1px solid red;">
:
उदाहरण
आइए CSS गुण border-top की सहायता से
रेखा को बिंदुओं के रूप में बनाएं,
solid के बजाय dotted मान निर्दिष्ट करें:
<hr style="border-top: 1px dotted red;">
:
उदाहरण
आइए CSS गुण border-width की सहायता से
रेखा की मोटाई बढ़ाएं:
<hr style="border-width: 10px; border-color: red;">
:
उदाहरण
और अब रेखा को ऊँचाई height दें
और border के माध्यम से बॉर्डर जोड़ें।
इससे बॉर्डर ऊपरी और निचली में विभाजित हो जाएगी:
<hr style="height: 10px; border: 1px solid red;">
:
यह भी देखें
-
brटैग,
जो एक नई लाइन में ब्रेक निर्दिष्ट करता है
