एचआर टैग

hr टैग एक क्षैतिज विभाजक रेखा निर्दिष्ट करता है। टैग का लाभ यह है कि एकल रेखा बनाने के लिए अतिरिक्त ब्लॉक बनाने की आवश्यकता नहीं होती है। इसे बंद करने वाले टैग की आवश्यकता नहीं होती है।

उदाहरण

आइए देखें कि hr टैग कैसे काम करता है:

html<hr>

Результат:

उदाहरण

आइए CSS गुण border-color की सहायता से रेखा का रंग बदलने का प्रयास करें:

html<hr style="border-color: red;">

Результат:

उदाहरण

रेखा का रंग color गुण द्वारा भी बदला जा सकता है (हालाँकि, यदि color और border-color गुण एक साथ निर्दिष्ट किए गए हैं - तो दूसरे को प्राथमिकता दी जाती है):

html<hr style="color: red">

Результат:

उदाहरण

आइए अब CSS गुण border की सहायता से रेखा का रंग बदलें। ध्यान दें कि इससे रेखा दोगुनी मोटाई की हो जाएगी (क्योंकि हमने ऊपर और नीचे दोनों ओर बॉर्डर निर्दिष्ट की है):

html<hr style="border: 1px solid red;">

Результат:

उदाहरण

आइए CSS गुण border-top की सहायता से रेखा का रंग बदलने का प्रयास करें, और केवल ऊपरी बॉर्डर निर्दिष्ट करें। अब दोहरी रेखा नहीं होगी:

html<hr style="border-top: 1px solid red;">

Результат:

उदाहरण

आइए CSS गुण border-top की सहायता से रेखा को बिंदुओं के रूप में बनाएं, solid के बजाय dotted मान निर्दिष्ट करें:

html<hr style="border-top: 1px dotted red;">

Результат:

उदाहरण

आइए CSS गुण border-width की सहायता से रेखा की मोटाई बढ़ाएं:

html<hr style="border-width: 10px; border-color: red;">

Результат:

उदाहरण

और अब रेखा को ऊँचाई height दें और border के माध्यम से बॉर्डर जोड़ें। इससे बॉर्डर ऊपरी और निचली में विभाजित हो जाएगी:

html<hr style="height: 10px; border: 1px solid red;">

Результат:

यह भी देखें