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

सीएसएस पैडिंग-टॉप प्रॉपर्टी

<घंटा/>

पैडिंग-टॉप किसी तत्व के शीर्ष पैडिंग को निर्दिष्ट करता है। यह किसी तत्व के शीर्ष पैडिंग को सेट करता है। यह% की लंबाई के संदर्भ में एक मान ले सकता है।

उदाहरण

<html>
   <head>
   </head>
   <body>
      <p style = "padding-top: 10px; border:1px solid red;">
         This is a paragraph with a specified top padding
      </p>
      <p style = "padding-top: 10%; border:1px solid red;">
         This is another paragraph with a specified top padding in percent
      </p>
   </body>
</html>

  1. एनिमेशन के साथ CSS शीर्ष संपत्ति

    ऐनिमेशन को शीर्ष पर लागू करने के लिए CSS के साथ संपत्ति, आप निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             position: abs

  1. CSS पैडिंग-टॉप प्रॉपर्टी पर एनिमेशन करें

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

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

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