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);
           
            /* Standard syntax */
            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 पोजिशनिंग स्कीमा विधियों (फिक्स्ड, रिलेटिव, एब्सोल्यूट और स्टैटिक) और प्रॉपर्टीज (बाएं, दाएं, ऊपर और नीचे) का उपयोग करके तत्वों को संरेखित कर सकते हैं। उदाहरण आइए पोजिशनिंग स्कीमा का उपयोग करके तत्वों को संरेखित करने के लिए एक उदाहरण देखें - सीएसएस स्थिति का उपयोग कर संरेखण. स्क्रीन { पैडिंग

  1. CSS का उपयोग करके तत्व के टेक्स्ट का रंग सेट करना CSS का उपयोग करके तत्व के टेक्स्ट का रंग सेट करना

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

  1. CSS का उपयोग करके विंडो की ऊंचाई का 100% DIV कैसे बनाएं? CSS का उपयोग करके विंडो की ऊंचाई का 100% DIV कैसे बनाएं?

    CSS ऊंचाई गुण हमें किसी तत्व की ऊँचाई निर्दिष्ट करने में मदद करता है। सिंटैक्स CSS हाइट प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    height: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS ऊंचाई संपत्ति को दर्शाते हैं। <!DOCTYPE html> <html>    <head>   &n