CSS border-spacing गुण
- पिछला पृष्ठ border-right-width
- अगला पृष्ठ बॉर्डर-स्टार्ट-एंड-एंड-रेडियस
विवरण और उपयोग
border-spacing गुण संगत कोष्ठ के बॉर्डर के बीच की दूरी सेट करता है (केवल 'बॉर्डर सेपरेटरी' मोड में).
टिप्पणी:कुछ संस्करण के IE ब्राउज़र इस गुण को नहीं समर्थित करते.
वर्णन
यह गुण बॉर्डर सेपरेटरी मोड में कोष्ठ के बीच की सीमा के बीच की दूरी निर्धारित करता है. दो निर्धारित लंबाई मानों में, पहला स्तर अंतर है, और दूसरा अभिन्न अंतर है. यदि border-collapse को separate सेट किया जाता है, तो इस गुण को नज़रअंदाज़ कर दिया जाता है. हालांकि यह गुण केवल तालिकाओं पर लागू होता है, लेकिन यह तालिका के सभी एलिमेंटों द्वारा विरासत किया जा सकता है.
अन्य संदर्भ:
CSS शिक्षा:CSS तालिका
HTML DOM संदर्भ पुस्तका:borderSpacing गुण
उदाहरण
तालिका के लिए border-spacing सेट करने के लिए
table { border-collapse:separate; border-spacing:10px 50px; }
CSS व्याकरण
border-spacing: length|initial|inherit;
गुण मान
मान | वर्णन |
---|---|
length length |
संगत कोष्ठ के बॉर्डर के बीच की दूरी को निर्धारित करता है. px, cm जैसे इकाइयों का उपयोग किया जाता है. नकारात्मक मान नहीं किया जाता है. यदि एक देखा जाता है length पैरामीटर, तो इसे स्तर और अभिन्न अंतर के रूप में परिभाषित किया जाता है. यदि दो देखा जाता है length पैरामीटर, तो पहला पैरामीटर स्तर अंतर सेट करता है, और दूसरा पैरामीटर अभिन्न अंतर सेट करता है. |
inherit | border-spacing गुण के मान को पितृ तत्व से विरासत करने का प्रतिबंध देता है. |
तकनीकी विवरण
डिफ़ॉल्ट वैल्यू: | not specified |
---|---|
विरासत: | yes |
संस्करण: | CSS2 |
JavaScript व्याकरण: | object.style.borderSpacing="15px" |
अधिक उदाहरण
- तालिका बॉर्डर के बीच की खाली जगह सेट करना
- इस उदाहरण में देखा जाता है कि कैसे कोष्ठ के बॉर्डर के बीच की दूरी सेट की जाए.
ब्राउज़र समर्थन
च्रोम | IE / एज | फ़ायरफॉक्स | सैफारी | ओपेरा |
---|---|---|---|---|
1.0 | 8.0 | 1.0 | 1.0 | 4.0 |
- पिछला पृष्ठ border-right-width
- अगला पृष्ठ बॉर्डर-स्टार्ट-एंड-एंड-रेडियस