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

CSS के साथ margin-top गुण का उपयोग

margin-top किसी तत्व का ऊपरी मार्जिन निर्दिष्ट करता है। इसका मान लंबाई, % या auto में हो सकता है।

उदाहरण

निम्न कोड चलाकर ऊपरी मार्जिन सेट करें:

<html>
  <head>
  </head>
  <body>
    <p style="margin-top: 10px; border:2px solid red;">
      This is a paragraph with a specified top margin
    </p>
    <p style="margin-top: 10%; border:2px solid green;">
      This is another paragraph with a specified top margin in percent
    </p>
  </body>
</html>
  1. - CSS से transform-origin प्रॉपर्टी का उपयोग

    CSS से ट्रांसफॉर्म्ड एलिमेंट्स की पोजीशन बदलने के लिए transform-origin प्रॉपर्टी का उपयोग करें। उदाहरण CSS के साथ transform-origin प्रॉपर्टी कैसे काम करती है, यह सीखने के लिए निम्न कोड चलाकर देखें: <!DOCTYPE html> <html>    <head>       <style>  

  1. - CSS transform प्रॉपर्टी का उपयोग

    CSS transform प्रॉपर्टी तत्व पर 2D या 3D ट्रांसफॉर्मेशन लागू करने के लिए उपयोग की जाती है। यह तत्व के आकार, स्थिति, और अभिविन्यास को बदले बिना उसके विजुअल प्रस्तुति को बदलती है। उदाहरण नीचे दिए गए उदाहरण में, transform: rotate(10deg) का उपयोग करके <div> तत्व को घुमाया गया है। <!DOCTYPE ht

  1. - CSS top प्रॉपर्टी को एनिमेशन के साथ

    CSS में top प्रॉपर्टी पर एनिमेशन लागू करने का तरीका यहां दिखाया गया है। यह स्थिति निर्धारित तत्वों की ऊपरी किनारे से दूरी को बदलता है। उदाहरण <!DOCTYPE html> <html> <head> <style> div { position: absolute; width: 300px; height: 200px;