HTML DOM स्टाइल बॉर्डर इमेजविड्थ प्रॉपर्टी

<घंटा/>

HTML DOM BorderImageWidth प्रॉपर्टी का इस्तेमाल किसी एलिमेंट के लिए बॉर्डर इमेज की चौड़ाई सेट करने या पाने के लिए किया जाता है।

−

. के लिए वाक्य रचना निम्नलिखित है

बॉर्डर इमेजविड्थ प्रॉपर्टी सेट करना -

object.style.borderImageWidth ="number|%|auto|initial|inherit"

उपरोक्त गुणों को इस प्रकार समझाया गया है -

<वें शैली ="पाठ-संरेखण:केंद्र;">विवरण

मान
लंबाई	px में बॉर्डर की चौड़ाई के आकार का वर्णन करने के लिए।
संख्या	बॉर्डर की चौड़ाई को संबंधित बॉर्डर चौड़ाई के गुणकों में वर्णित करने के लिए और इसका डिफ़ॉल्ट मान 1 है।
%	बॉर्डर इमेज क्षेत्र की चौड़ाई के लिए हॉरिजॉन्टल ऑफ़सेट और वर्टिकल ऑफ़ सेट का वर्णन करने के लिए।
स्वतः	यह छवि की चौड़ाई और ऊंचाई के अनुरूप चौड़ाई और ऊंचाई निर्धारित करता है।
प्रारंभिक	इस गुण को डिफ़ॉल्ट मान पर सेट करने के लिए।
उत्तराधिकारी	मूल संपत्ति मूल्य को इनहेरिट करने के लिए।

आइए सीमा इमेजविड्थ संपत्ति के लिए एक उदाहरण देखें -

उदाहरण

<शैली> #DIV1 {चौड़ाई:400px; पैडिंग:25px; सीमा-शैली:ठोस; सीमा-रंग:पारदर्शी; सीमा-छवि-टुकड़ा:30; सीमा-छवि-स्रोत:url ("https://www.tutorialspoint.com/ethereum/images/ethereum-mini- logo.jpg"); बॉर्डर-इमेज-चौड़ाई:10px;}

HELLO

बढ़ाना नीचे दिए गए बटन पर क्लिक करके उपरोक्त div बॉर्डर इमेज की चौड़ाई

<बटन onclick="changeBorderWidth()">बॉर्डर की चौड़ाई बदलें

आउटपुट

HTML DOM स्टाइल बॉर्डर इमेजविड्थ प्रॉपर्टी

“बॉर्डर की चौड़ाई बदलें” . पर क्लिक करने पर बटन -

HTML DOM स्टाइल बॉर्डर इमेजविड्थ प्रॉपर्टी