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

CSS padding-bottom गुण

padding-bottom किसी तत्व का निचला पैडिंग निर्दिष्ट करता है। यह तत्व का निचला पैडिंग (स्पेस) सेट करता है। यह लंबाई या % में मान ले सकता है।

उदाहरण

<html>
  <head>
  </head>
  <body>
    <p style="padding-bottom: 10px; border:1px solid red;">
      This is a paragraph with a specified bottom padding
    </p>
    <p style="padding-bottom: 10%; border:1px solid red;">
      This is another paragraph with a specified bottom padding in percent
    </p>
  </body>
</html>
  1. - CSS padding-bottom प्रॉपर्टी को एनिमेट करें

    CSS में padding-bottom प्रॉपर्टी पर एनिमेशन लागू करने का तरीका यहां दिखाया गया है। उदाहरण <!DOCTYPE html> <html> <head> <style> div { width: 350px; height: 150px; outline: 3px solid blue; animation: myanim 3s infinite;

  1. - CSS padding प्रॉपर्टी को एनिमेट करें

    CSS में padding शॉर्टहैंड प्रॉपर्टी पर एनिमेशन लागू करने का तरीका यहां दिखाया गया है। यह चारों ओर के पैडिंग को एक साथ बदलता है। उदाहरण <!DOCTYPE html> <html> <head> <style> div { width: 350px; height: 150px; outline: 2px solid orange;

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

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