Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

HTML DOM स्टाइल आइसोलेशन प्रॉपर्टी

<घंटा/>

HTML DOM स्टाइल आइसोलेशन प्रॉपर्टी यह परिभाषित करने के लिए है कि तत्व को एक नई स्टैकिंग सामग्री बनाना चाहिए या नहीं। इस गुण का उपयोग मुख्य रूप से एक अलग स्टैक तत्व बनाकर तत्व को पृष्ठभूमि में सम्मिश्रण से रोकने के लिए किया जाता है।

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

आइसोलेशन प्रॉपर्टी सेट करना -

object.style.isolation ="auto|isolate|initial|inherit"

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

मान
<वें शैली ="चौड़ाई:80%;">विवरण
ऑटो
ऊंचाई निर्धारित करने के लिए यह डिफ़ॉल्ट गुण है।
लंबाई
यह लंबाई इकाइयों में ऊंचाई को परिभाषित करने के लिए है।
%
मूल तत्व के सापेक्ष ऊंचाई को प्रतिशत में परिभाषित करना।
प्रारंभिक
इस गुण को प्रारंभिक मान पर पूर्वनिर्धारित करना।
उत्तराधिकारी
मूल संपत्ति मूल्य को विरासत में मिला

आइए आइसोलेशन प्रॉपर्टी के लिए एक उदाहरण देखें -

उदाहरण

 
INNER DIV

नीचे दिए गए बटन पर क्लिक करके इनर डिव के लिए आइसोलेशन मोड बदलें

<बटन onclick="changeIsolation()">आइसोलेशन बदलें

आउटपुट

HTML DOM स्टाइल आइसोलेशन प्रॉपर्टी

अलगाव बदलें . पर क्लिक करने पर "बटन -

HTML DOM स्टाइल आइसोलेशन प्रॉपर्टी


  1. एचटीएमएल डोम स्टाइल ट्रांसफॉर्म स्टाइल प्रॉपर्टी

    HTML DOM स्टाइल ट्रांसफॉर्म स्टाइल प्रॉपर्टी रिटर्न करती है और HTML डॉक्यूमेंट में किसी एलीमेंट में 2D या 3D ट्रांसफॉर्मेशन लागू करती है। सिंटैक्स निम्नलिखित वाक्य रचना है - रिटर्निंग ट्रांसफॉर्म स्टाइल object.style.transformStyle परिवर्तन शैली को संशोधित करना object.style.transformStyle

  1. एचटीएमएल डोम स्टाइल ट्रांसफॉर्मऑरिजिन प्रॉपर्टी

    HTML DOM स्टाइल ट्रांसफॉर्मऑरिजिन प्रॉपर्टी लौटाती है और HTML दस्तावेज़ के किसी तत्व में 2D या 3D ट्रांसफ़ॉर्मेशन लागू करती है। सिंटैक्स निम्नलिखित वाक्य रचना है - रिटर्निंग ट्रांसफॉर्मऑरिजिन object.style.transformOrigin ट्रांसफॉर्म ऑरिजिन को संशोधित करना object.style.transformOrigin = &l

  1. HTML DOM स्टाइल प्रॉपर्टी को कोट करता है

    HTML DOM शैली प्रॉपर्टी रिटर्न को कोट करती है और HTML दस्तावेज़ में कोटेशन संलग्न करने के लिए उद्धरण चिह्नों के प्रकार को संशोधित करती है। सिंटैक्स निम्नलिखित वाक्य रचना है - रिटर्निंग कोट्स object.style.quotes उद्धरण संशोधित करना object.style.quotes = “value” मान यहाँ, मान ह