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

एचटीएमएल डोम स्टाइल अस्पष्टता संपत्ति


DOM शैली अपारदर्शिता गुण HTML दस्तावेज़ में किसी तत्व की अपारदर्शिता CSS गुण के मान को लौटाता है और संशोधित करता है।

सिंटैक्स

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

  • 1. रिटर्निंग अपारदर्शिता

object.style.opacity
  • अस्पष्टता को संशोधित करना

object.style.opacity = “value”

उदाहरण

आइए शैली अस्पष्टता गुण का एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>
   body {
      color: #000;
      background: lightblue;
      height: 100vh;
   }
   p {
      background: #1f13db;
      height: 50px;
      width: 100%;
   }
   .btn {
      background: #db133a;
      border: none;
      height: 2rem;
      border-radius: 2px;
      width: 40%;
      display: block;
      color: #fff;
      outline: none;
      cursor: pointer;
   }
</style>
</head>
<body>
<h1>DOM Style opacity Property Example</h1>
<p></p>
<button onclick="add()" class="btn">Add opacity</button>
<script>
   function add() {
      document.querySelector('p').style.opacity = "0.2";
   }
</script>
</body>
</html>

आउटपुट

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

एचटीएमएल डोम स्टाइल अस्पष्टता संपत्ति

अस्पष्टता जोड़ें . पर क्लिक करें अस्पष्टता गुण जोड़ने के लिए " बटन -

एचटीएमएल डोम स्टाइल अस्पष्टता संपत्ति


  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” मान यहाँ, मान ह

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

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