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

HTML DOM स्टाइल टेक्स्टसंपत्ति संरेखित करें


DOM style textAlign गुण HTML दस्तावेज़ में ब्लॉक स्तर के तत्व में टेक्स्ट के क्षैतिज संरेखण को लौटाता है और संशोधित करता है।

सिंटैक्स

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

  • रिटर्निंग टेक्स्टएलाइन करें

object.style.textAlign
  • 2. टेक्स्ट को संशोधित करना संरेखित करें

object.style.textAlign = “value”

उदाहरण

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

<!DOCTYPE html>
<html>
<head>
<style>
   body {
      color: #000;
      background: lightblue;
      height: 100vh;
   }
   p {
      border: 2px solid #fff;
      margin: 1.5rem auto;
   }
   .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 textAlign Property Example</h1>
<p>This is paragraph 1 with some dummy text. This is paragraph 1 with some dummy text. This is paragraph 1 with some dummy text.</p>
<button onclick="add()" class="btn">Set textAlign</button>
<script>
   function add() {
      document.querySelector('p').style.textAlign = "center";
   }
</script>
</body>
</html>

आउटपुट

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

HTML DOM स्टाइल टेक्स्टसंपत्ति संरेखित करें

पाठ्यसंरेखण सेट करें . पर क्लिक करें अनुच्छेद तत्व के अंदर पाठ को संरेखित करने के लिए बटन।

HTML DOM स्टाइल टेक्स्टसंपत्ति संरेखित करें


  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