सीमा - सीएसएस-ट्रिक्स

borderसंपत्ति सीएसएस उस तत्व इसे करने के लिए लागू किया जाता है चारों ओर एक रेखा खींचने के लिए अनेक मान स्वीकार में एक आशुलिपि वाक्य रचना है।

.box ( border: 3px solid red; height: 200px; width: 200px; )

मूल्यों

borderप्रॉपर्टी में एक या संयोजन में अधिक मान स्वीकार करता है:

border: || || 

• border-width: सीमा की मोटाई को निर्दिष्ट करता है।
  • : एक सङ्ख्या में मापा px, em, rem, vhऔर vwइकाइयों।
  • thin: के बराबर 1px
  • medium: के बराबर 3px
  • thick: के बराबर 5px
• border-style: तत्व के चारों ओर खींची गई रेखा का प्रकार निर्दिष्ट करता है, जिसमें शामिल हैं:
  • solid: एक ठोस, सतत रेखा।
  • none (डिफ़ॉल्ट): कोई रेखा नहीं खींची गई है।
  • hidden: एक रेखा खींची जाती है, लेकिन दिखाई नहीं देती। सीमा को प्रदर्शित किए बिना किसी तत्व में थोड़ी अतिरिक्त चौड़ाई जोड़ने के लिए यह आसान हो सकता है।
  • dashed: एक पंक्ति जिसमें डैश होते हैं।
  • dotted: एक पंक्ति जिसमें डॉट्स होते हैं।
  • double: तत्व के चारों ओर दो रेखाएँ खींची जाती हैं।
  • groove: रंग मान के आधार पर एक बेवेल जोड़ता है जिससे तत्व दस्तावेज़ में दबा हुआ दिखाई देता है।
  • ridge: के समान groove, लेकिन रंग मानों को इस तरह उलट देता है जिससे तत्व उभरे हुए दिखाई देते हैं।
  • inset: एक स्प्लिट टोन को उस पंक्ति में जोड़ता है जिससे तत्व थोड़ा उदास दिखाई देता है।
  • outset: के समान inset, लेकिन रंगों को इस तरह उलट देता है जिससे तत्व थोड़ा उभरा हुआ दिखाई देता है।
• color: सीमा का रंग निर्दिष्ट करता है और स्वीकार करता है ,, , , , , currentcolor and

Phew, that’s a lot of values for one little ol’ property! Here’s a demo that illustrates the differences between all of those style values:

See the Pen CSS border by Geoff Graham (@geoffgraham) on CodePen.

Browser Support

You can count on excellent support for the border property across all browsers.

क्रोम	सफारी	फ़ायर्फ़ॉक्स	ओपेरा	अर्थात	एंड्रॉयड	आईओएस
कोई	कोई	कोई	3.5+ है	4+	कोई	कोई

Related Properties

What we covered here is specific to the border property, but there are other properties that provide even more options for styling borders.

• border-collapse: Specifies the spacing between borders on the
• border-image: Allows the use of an image to draw the border instead of a solid color.
• border-radius: Provides control for rounded corners.

More Information

• CSS Backgrounds and Borders Module Level 3 Specification
• Understanding border-image
• A Tale of Border Gradients

---




element. #####