CSS padding-block-end गुण

कोर्स सिफारिश

परिभाषा और उपयोग एलेमेंट का पैडिंग-ब्लॉक-एंड

यह एलेमेंट के किनारे से सामग्री के ब्लॉक दिशा के अंत के बीच का अंतर है। पैडिंग-ब्लॉक और पैडिंग-इनलाइन CSS CSS गुणपैडिंग-टॉपगुणपैडिंग-टॉपपैडिंग-बोटम और पैडिंग-लेफ्ट पैडिंग-राइट पैडिंग-ब्लॉक और पैडिंग-इनलाइन गुण ब्लॉक दिशा और रेखीय दिशा पर निर्भर करता है।

ध्यान दें:संबंधित CSS गुण writing-mode ब्लॉक दिशा को परिभाषित करता है।यह ब्लॉक के शुरूआती और अंतिम स्थान और पैडिंग-ब्लॉक गुण के परिणाम

इन्स्टांस

उदाहरण 1

ब्लॉक दिशा के अंत के अंदरीयां को सेट करें:

p {
  पैडिंग-ब्लॉक-एंड: 35px;
}

अपने आप प्रयास करें

उदाहरण 2

देखें <div> एलेमेंट का writing-mode पैरामीटर वैल्यू vertical-rl के रूप में सेट किए जाने पर ब्लॉक दिशा दायां से बाईं की होती है।परिणामस्वरूप एलेमेंट के अंतिम स्थान नीचे से बाईं की ओर जाता है:

div {
  writing-mode: vertical-rl;
  पैडिंग-ब्लॉक-एंड: 50px;
}

अपने आप प्रयास करें

CSS व्याकरण

पैडिंग-ब्लॉक-एंड: ऑटो|मूल्य|इनिशियल|विरासत|;

गुण मूल्य

मूल्य वर्णन
ऑटो डिफ़ॉल्ट।एलेमेंट का डिफ़ॉल्ट पैडिंग-ब्लॉक-एंड मूल्य
लंबाई

px, pt, cm आदि इकाइयों में पैडिंग-ब्लॉक-एंड को निर्दिष्ट करें।नकारात्मक मूल्य नहीं अनुमति है।

देखें:सीएसएस इकाई।
% पैडिंग-ब्लॉक-एंड पर पैरेंट एलेमेंट की रेखीय दिशा के आकार का प्रतिशत से निर्दिष्ट करें।
इनिशियल इस गुण को उसके डिफ़ॉल्ट वैल्यू पर सेट करें।देखें: इनिशियल।
विरासत इस गुण को उसके माता एलेमेंट से विरासत करें।देखें: विरासत।

तकनीकी विवरण

डिफ़ॉल्ट वैल्यू: ऑटो
विरासतशीलता: नहीं
एनीमेशन निर्माण: समर्थन है।देखें:एनीमेशन से संबंधित गुण।
संस्करण: CSS3
जेसक्रिप्ट व्याकरण: object.style.paddingBlockEnd="100px"

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

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

क्रोम एज फायरफॉक्स सफारी ओपेरा
87.0 87.0 41.0 12.1 73.0

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

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

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

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

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

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

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

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

संदर्भःCSS रिटिंग-मोड प्रभाव