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

सीएसएस पैडिंग संपत्ति

<घंटा/>

पैडिंग गुण किसी तत्व के बाएँ, दाएँ, ऊपर और नीचे के पैडिंग (स्पेस) को सेट करता है।

उदाहरण

पैडिंग . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं संपत्ति।

<html>
   <head>
   </head>
   <body>
      <p style = "padding: 25px; border:2px solid orange;">
         All four padding will be 25px
      </p>

      <p style = "padding:20px 4%; border:2px solid red;">
         Top and bottom padding will be 20px, left and right padding will be 4% of the total width of the document.
      </p>

      <p style = "padding: 15px 3% 10px; border:1px solid maroon;">
         Top padding will be 15px, left and right padding will be 3% of the total width of the document, bottom padding will be 10px
      </p>
   </body>
</html>

  1. एनिमेट सीएसएस ने संपत्ति छोड़ दी

    बाएं . पर एनिमेशन लागू करने के लिए CSS के साथ संपत्ति, आप निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             border: 2px solid

  1. चेतन सीएसएस पैडिंग गुण

    CSS के साथ पैडिंग प्रॉपर्टी पर एनिमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             width: 350px;

  1. सीएसएस में पैडिंग शॉर्टहैंड प्रॉपर्टी

    सीएसएस में पैडिंग प्रॉपर्टी आपको पैडिंग-टॉप, पैडिंग-राइट, पैडिंग-बॉटम, पैडिंग-लेफ्ट के लिए पैडिंग सेट करने की अनुमति देती है। यह एक आशुलिपि संपत्ति है। आइए पहले एक उदाहरण देखें - उदाहरण के लिए:पैडिंग:10px 5px 7px 10px; यहाँ, top padding is 10px right padding is 5px bottom padding is 7px left pad