सीएसएस गोल बॉर्डर

सीएसएस गोल बॉर्डर

border-radius इस विशेषता का उपयोग एकेले एलिमेंट को गोलाकार बॉर्डर जोड़ने के लिए किया जाता है:

सामान्य बॉर्डर

गोलाकार बॉर्डर

गोलाकार बॉर्डर

गोलाकार बॉर्डर

उदाहरण

p {
  border: 2px solid red;
  border-radius: 5px;
}

आप खुद सिफारिश करें

और अधिक उदाहरण

एक घोषणा में सभी ऊपरी बॉर्डर विशेषताएँ
यह उदाहरण छोटी विशेषता को दिखाता है, जिसका उपयोग एक ही घोषणा में ऊपरी बॉर्डर की सभी विशेषताओं को सेट करने के लिए किया जाता है。
नीचे की बॉर्डर शैली सेट करना
यह उदाहरण दिखाता है कि कैसे नीचे की बॉर्डर शैली को सेट करें।
बाएँ किनारा की चौड़ाई सेट करना
इस उदाहरण में बाएँ किनारा की चौड़ाई सेट करने के तरीके दिखाया गया है。
चारों किनारों का रंग सेट करना
इस उदाहरण में चारों किनारों का रंग सेट करने के तरीके दिखाया गया है। यह एक से चार रंगों का समावेश कर सकता है。
दाएँ किनारा का रंग सेट करना
इस उदाहरण में दाएँ किनारा का रंग सेट करने के तरीके दिखाया गया है。

सभी CSS किनारा गुण

गुण वर्णन
border अल्पकल्पना गुण, एक ही विन्यास में सभी किनारा गुणों को सेट करें。
border-color अल्पकल्पना गुण, चारों किनारों का रंग सेट करें。
border-radius अल्पकल्पना गुण, चारों किनारों के बारे में border-*-radius गुणों को सेट करें。
border-style अल्पकल्पना गुण, चारों किनारों का शैली सेट करें。
border-width अल्पकल्पना गुण, चारों किनारों की चौड़ाई सेट करें。
border-bottom अल्पकल्पना गुण, एक ही विन्यास में सभी नीचे किनारा गुणों को सेट करें。
border-bottom-color नीचे किनारा का रंग निर्धारित करें。
border-bottom-style नीचे किनारा का शैली निर्धारित करें。
border-bottom-width नीचे किनारा की चौड़ाई निर्धारित करें。
border-left अल्पकल्पना गुण, एक ही विन्यास में सभी बाएँ किनारा गुणों को सेट करें。
border-left-color बाएँ किनारा का रंग निर्धारित करें。
border-left-style बाएँ किनारा का शैली निर्धारित करें。
border-left-width बाएँ किनारा की चौड़ाई निर्धारित करें。
border-right अल्पकल्पना गुण, एक ही विन्यास में सभी दाएँ किनारा गुणों को सेट करें。
border-right-color दाएँ किनारा का रंग निर्धारित करें。
border-right-style दाएँ किनारा का शैली निर्धारित करें。
border-right-width दाएँ किनारा की चौड़ाई निर्धारित करें。
border-top अल्पकल्पना गुण, एक ही विन्यास में सभी ऊपरी किनारा गुणों को सेट करें。
border-top-color ऊपरी किनारा का रंग निर्धारित करें。
border-top-style ऊपरी किनारा का शैली निर्धारित करें。
border-top-width ऊपरी किनारा की चौड़ाई निर्धारित करें。