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

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

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

उदाहरण

<html>
  <head>
  </head>
  <body>
    <p style="margin-bottom: 20px; border:2px solid red;">
      This is a paragraph with a specified bottom margin .
    </p>
    <p style="margin-top: 20%; border:2px solid green;">
      This is another bottom with a specified top margin in percent
    </p>
  </body>
</html>

नोट: दूसरे पैराग्राफ़ में margin-top उपयोग किया गया है लेकिन विवरण "bottom margin" कहता है।

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

    नेस्टेड एलिमेंट्स को 3D स्पेस में कैसे रेंडर किया जाए, यह सेट करने के लिए transform-style प्रॉपर्टी का उपयोग करें। transform-style प्रॉपर्टी लागू करने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>     &

  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