CSS बॉर्डर-इमेज़-स्लाइस गुण

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

border-image-slice गुण इमेज के बॉर्डर के अंदर की छूट निर्धारित करता है。

अन्य देखें:

CSS3 शिक्षा:CSS3 बॉर्डर

उदाहरण

इमेज के बॉर्डर के अंदर की छूट निर्धारित करता है:

div
{
border-image-source: url(border.png);
border-image-slice: 50% 50%;
}

CSS व्याकरण

border-image-slice: number|%|fill;

टिप्पणी:यह गुण इमेज के ऊपरी, दायाँ, नीचे और बाएँ दिशा के अंदर की छूट निर्धारित करता है; इमेज नौ भागों में विभाजित होती है: चार कोने, चार दिशाएँ और एक मध्य क्षेत्र।अगर fill शब्द का उपयोग नहीं किया जाता है, तो मध्य इमेज भाग उत्कर्षित होता है।यदि चौथे नंबर/प्रतिशत को छोड़ दिया जाता है, तो यह दूसरे मान के समान होता है।यदि तीसरे मान को छोड़ दिया जाता है, तो यह पहले मान के समान होता है।यदि दूसरे मान को छोड़ दिया जाता है, तो यह पहले मान के समान होता है।

गुण मान

मान वर्णन
number नंबर मान, इमेज में पिक्सल (यदि रेशमी इमेज है) या वेक्टर स्कोर (यदि वेक्टर इमेज है) को प्रतिनिधित्व करता है。
% इमेज आकार के प्रतिशत मान: इमेज की चौड़ाई जरिए स्थानांतरण को प्रभावित करती है, ऊंचाई जरिए अड़ाई को प्रभावित करती है。
fill बॉर्डर इमेज के मध्य भाग को बनाए रखें。

तकनीकी विवरण

मूलभूत मूल्य: 100%
विरासतीयता: नहीं
संस्करण: CSS3
JavaScript व्याकरण: object.style.borderImageSlice="50% 50%"

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

तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण को दर्शाते हैं。

च्रोम IE / एज फ़ायरफॉक्स सफारी ओपेरा
15.0 11.0 15.0 6.0 15.0

देखें border-image गुण.