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

CSS का उपयोग करके कोण के आधार पर एलिमेंट घुमाएं


आइए सीखें कि कोण के आधार पर एलिमेंट को कैसे घुमाया जाए

उदाहरण

<html>    <head>       <style>          div {             width: 300px;             height: 100px;             background-color: pink;             border: 1px solid black;          }          div#myDiv {             /* IE 9 */             -ms-transform: rotate(20deg);                         /* Safari */             -webkit-transform: rotate(20deg);                         /* मानक सिंटैक्स */             transform: rotate(20deg);          }       </style>    </head>    <body>       <div>          Tutorials point.com.       </div>       <div id = "myDiv">          Tutorials point.com       </div>    </body> </html>

आउटपुट

CSS का उपयोग करके कोण के आधार पर एलिमेंट घुमाएं


  1. CSS में पोजिशन प्रॉपर्टी से एलिमेंट्स अलाइन करना CSS में पोजिशन प्रॉपर्टी से एलिमेंट्स अलाइन करना

    हम CSS पोजिशनिंग स्कीमा मेथड्स (फिक्स्ड, रिलेटिव, एब्सोल्यूट और स्टैटिक) और प्रॉपर्टीज (लेफ्ट, राइट, टॉप और बॉटम) का उपयोग करके एलिमेंट्स को अलाइन कर सकते हैं। उदाहरण आइए पोजिशनिंग स्कीमा का उपयोग करके एलिमेंट्स को अलाइन करने का एक उदाहरण देखें: <!DOCTYPE html> <html> <head> <t

  1. CSS से एलिमेंट का टेक्स्ट कलर सेट करना CSS से एलिमेंट का टेक्स्ट कलर सेट करना

    CSS color प्रॉपर्टी का उपयोग किसी एलिमेंट के टेक्स्ट कलर को बदलने के लिए किया जाता है। हम मान को स्टैंडर्ड कलर नाम, rgb(), rgba(), hsl(), hsla() और हेक्साडेसिमल मान के रूप में स्पेसिफाई कर सकते हैं।सिंटैक्सCSS color प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { color: /*value*/ }निम्नलिखित उदाहरण C

  1. CSS से DIV को विंडो हाइट का 100% कैसे बनाएं? CSS से DIV को विंडो हाइट का 100% कैसे बनाएं?

    CSS हाइट प्रॉपर्टी हमें एलिमेंट की हाइट निर्दिष्ट करने में मदद करती है। सिंटैक्स CSS हाइट प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {    height: /*value*/ } उदाहरण 1 निम्न उदाहरण CSS हाइट प्रॉपर्टी को दर्शाते हैं। <!DOCTYPE html> <html>    <head>   &nb