CSS padding-block गुण

वर्णन और उपयोग

एलीमेंट का padding-block यह अपने किनारे के साथ सामग्री के ब्लॉक दिशा में की जगह है, यह निम्नलिखित गुणों का छोटे से नाम है:

• padding-block-start
• पैडिंग-ब्लॉक-एंड

padding-block गुण के मूल्य को विभिन्न तरीकों से सेट किया जा सकता है:

यदि padding-block गुण को दो मूल्य है:

padding-block: 10px 50px;

• शुरूआती स्थान का पैडिंग 10px है
• समाप्ती स्थान का पैडिंग 50px है

यदि padding-block गुण को एक मूल्य है:

padding-block: 10px;

• शुरूआती और समाप्ती स्थान के आंतरिक पैडिंग 10px है

CSS padding-block और padding-inline गुण padding-topऔरpadding-bottomऔरpadding-left और padding-right बहुत अधिक अनादर करता है padding-block और padding-inline गुण ब्लॉक दिशा और रूपांतर दिशा पर निर्भर करता है।

ध्यान दें:संबंधित CSS गुण writing-mode ब्लॉक दिशा को परिभाषित करता है।यह ब्लॉक के शुरूआती और समाप्ती स्थान और padding-block गुण का परिणाम।अंग्रेजी पृष्ठों के लिए ब्लॉक दिशा नीचे की ओर है और रूपांतर दिशा दायाँ से बाएँ की ओर है。

उदाहरण

उदाहरण 1

ब्लॉक दिशा के दोनों ओर के आंतरिक पैडिंग को सेट करें:

p {
  padding-block: 35px;
}

स्वयं अनुभव कीजिए

उदाहरण 2

जब <div> एलीमेंट का writing-mode गुण को vertical-rl पर सेट करने पर एलीमेंट का शुरूआती स्थान शीर्ष से दायाँ तरफ जाता है और समाप्ती स्थान नीचे से बाएँ तरफ जाता है:

div {
  writing-mode: vertical-rl;
  padding-block: 10px 50px;
}

स्वयं अनुभव कीजिए

CSS व्याकरण

padding-block: auto|value|initial|inherit;

गुण मूल्य

तकनीकी विवरण

ब्राउज़र समर्थन

टेबल में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले ब्राउज़र का संस्करण को प्रदर्शित करते हैं。

संबंधित पृष्ठ

संदर्भ:CSS padding-block-end गुण

संदर्भ:CSS padding-block-start गुण

संदर्भ:CSS padding-inline गुण

संदर्भ:CSS padding-bottom गुण

संदर्भ:CSS padding-left गुण

संदर्भ:CSS padding-right गुण

संदर्भ:CSS padding-top गुण

संदर्भ:CSS रिटिंग-मोड प्रतियोगिता