Style borderStyle गुण

परिभाषा और उपयोग

borderStyle गुण निर्धारित करता है या वापस देता है एलिमेंट के घेरे का शैली。

यह गुण एक से चार मूल्य ले सकता है:

  • एक मूल्य, उदाहरण के लिए: p {border-style: solid} - सभी चार घेरे वास्तविक रेखा है
  • दो मूल्य, उदाहरण के लिए: p {border-style: solid dotted} - ऊपरी और नीचे घेरा वास्तविक रेखा है, दायां और बाईं घेरा विकृत रेखा है
  • तीन मूल्य, उदाहरण के लिए: p {border-style: solid dotted double} - ऊपरी घेरा वास्तविक रेखा है, दायां और बाईं घेरा बिंदु रेखा है, नीचे घेरा दोहरी रेखा है
  • चार मूल्य, उदाहरण के लिए: p {border-style: solid dotted double dashed} - ऊपरी घेरा वास्तविक रेखा है, दायां घेरा विकृत रेखा है, नीचे घेरा दोहरी रेखा है, बाईं घेरा विकृत रेखा है

अन्य संदर्भ करेंः

CSS पाठ्यक्रमःCSS किनारा

CSS संदर्भ पुस्तकःborder-style गुण

HTML DOM संदर्भ पुस्तकःborder गुण

उदाहरण

उदाहरण 1

<div> एलिमेंट को सतही किनारा जोड़ें:

document.getElementById("myDiv").style.borderStyle = "solid";

अपने आप प्रयोग करें

उदाहरण 2

<div> एलिमेंट के चार किनारों की शैली को बदलें:

document.getElementById("myDiv").style.borderStyle = "dotted solid double dashed";

अपने आप प्रयोग करें

उदाहरण 3

वापसी <div> एलिमेंट के किनारा शैली:

alert(document.getElementById("myDiv").style.borderStyle);

अपने आप प्रयोग करें

उदाहरण 4

सभी अलग-अलग मानों के लिए प्रदर्शन:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderStyle = listValue;

अपने आप प्रयोग करें

व्याकरण

borderStyle गुण को वापस करें:

object.style.borderStyle

borderStyle गुण को सेट करें:

object.style.borderStyle = value
मान वर्णन
none किनारा नहीं बारीकी को परिभाषित करें। डिफ़ॉल्ट।
hidden "none" के समान है, लेकिन तालिका एलिमेंट के किनारा टकराव को हल करते समय छोड़ दें।
dotted डॉट किनारा बारीकी को परिभाषित करें।
dashed डॉट्स किनारा बारीकी को परिभाषित करें।
solid सतही किनारा बारीकी को परिभाषित करें।
double दो किनारों को परिभाषित करें। दो किनारों की चौड़ाई border-width के मान से समान है।
groove 3D groove किनारा बारीकी को परिभाषित करें। प्रभाव border-color के मान पर निर्भर करता है。 border-color का मान।
ridge 3D ridge किनारा बारीकी को परिभाषित करें। प्रभाव border-color के मान पर निर्भर करता है。 border-color का मान।
inset 3D inset किनारा बारीकी को परिभाषित करें। प्रभाव border-color के मान पर निर्भर करता है。 border-color का मान।
outset 3D outset किनारा बारीकी को परिभाषित करें। प्रभाव border-color के मान पर निर्भर करता है。
initial इस गुण को उसके डिफ़ॉल्ट मान पर सेट करें। देखें initial।
inherit इस गुण को उसके माता एलिमेंट से विरासत करें। देखें inherit।

तकनीकी विवरण

डिफ़ॉल्ट मान: नहीं
वापसी मान: शब्द, जो एलिमेंट के किनारा शैली को प्रदर्शित करता है。
CSS संस्करण: CSS1

ब्राउज़र समर्थन

Chrome Edge Firefox सफारी ऑपेरा
Chrome Edge Firefox सफारी ऑपेरा
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट