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

CSS के साथ height गुण का उपयोग

height गुण छवि की ऊंचाई सेट करने के लिए उपयोग किया जाता है। इस गुण का मान लंबाई या % में हो सकता है। % में मान देने पर यह उस बॉक्स के संबंध में लागू होता है जिसमें छवि उपलब्ध है।

उदाहरण

निम्न कोड चलाकर छवि की ऊंचाई सेट करें:

<html>
  <head>
  </head>
  <body>
    <img style="border:2px solid green; height:100px;" src="/css/images/logo.png" />
    <br />
    <img style="border:2px solid green; height:50%;" src="/css/images/logo.png" />
  </body>
</html>
  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