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

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


HTML DOM शैली प्रॉपर्टी रिटर्न को कोट करती है और HTML दस्तावेज़ में कोटेशन संलग्न करने के लिए उद्धरण चिह्नों के प्रकार को संशोधित करती है।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

  • रिटर्निंग कोट्स

object.style.quotes
  • उद्धरण संशोधित करना

object.style.quotes = “value”

मान

यहाँ, मान हो सकता है -

<वें शैली="चौड़ाई:85.238%; पाठ-संरेखण:केंद्र;">स्पष्टीकरण
मान
उत्तराधिकारी यह इस गुण मान को इसके मूल तत्व से प्राप्त करता है।
आरंभिक इसने इस गुण मान को उसके डिफ़ॉल्ट मान पर सेट किया।
कोई नहीं यह डिफ़ॉल्ट चिह्न ("") सेट करता है जो कोटेशन के लिए उपयोग किए जाते हैं।
स्ट्रिंग स्ट्रिंग
स्ट्रिंग स्ट्रिंग
यह कोटेशन मार्क सेट करता है। यहां पहले दो मान संलग्न उद्धरण के पहले स्तर को निर्दिष्ट करते हैं और अन्य दो मान संलग्न उद्धरण के अगले स्तर को निर्दिष्ट करते हैं।

उदाहरण

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

<!DOCTYPE html>
<html>
<head>
<style>
   body {
      color: #000;
      background: lightblue;
      height: 100vh;
   }
   q {
      margin: 20px;
   }
   .btn {
      background: #db133a;
      border: none;
      height: 2rem;
      border-radius: 2px;
      width: 40%;
      display: block;
      color: #fff;
      outline: none;
      cursor: pointer;
      margin: 20px;
   }
</style>
</head>
<body>
<h1>DOM Style quotes Property Example</h1>
<q>I'm a q element with some dummy text.</q>
<button onclick="add()" class="btn">Change quotes</button>
<script>
   function add() {
      document.querySelector('q').style.quotes = "'#' '#'";
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

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. एचटीएमएल डोम स्टाइल टेक्स्टट्रांसफॉर्म संपत्ति

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