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

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

border गुण छवि बॉर्डर की चौड़ाई सेट करने के लिए उपयोग किया जाता है। इस गुण का मान लंबाई या % में हो सकता है। शून्य पिक्सेल की चौड़ाई का अर्थ है कोई बॉर्डर नहीं।

उदाहरण

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

<html>
  <head>
  </head>
  <body>
    <img style="border:0px;" src="/css/images/logo.png" />
    <br />
    <img style="border:4px dashed green;" src="/css/images/logo.png" />
  </body>
</html>

border शॉर्टहैंड border-width, border-style, border-color सेट करता है।

  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