Style padding गुण

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

पैडिंग एट्रिब्यूट को एलिमेंट की आंतरिक गाप नियत करता है या उसे लौटाता है

यह एट्रिब्यूट एक से चार वाल्या ले सकता है:

मार्जिन एट्रिब्यूट और padding गुण एलिमेंट के चारों ओर अंतराल प्रविष्ट करते हैं। लेकिन, अलग-अलग बात है कि, मार्जिन बॉर्डर के चारों ओर अंतराल प्रविष्ट करता है, जबकि पैडिंग एलिमेंट के बॉर्डर के अंदर अंतराल प्रविष्ट करता है

  • एक वाला, उदाहरण के लिए: div {padding: 50px} - सभी चार बाजू की आंतरिक सीमा 50px होगी
  • दो वाल्या, उदाहरण के लिए: div {padding: 50px 10px} - ऊपर और नीचे आंतरिक सीमा 50px होगी, बाएँ और दाएँ आंतरिक सीमा 10px होगी
  • तीन मान, जैसे: div {padding: 50px 10px 20px} - ऊपरी आंतरिक पैडिंग 50px, दायाँ और बाईं आंतरिक पैडिंग 10px, नीचे आंतरिक पैडिंग 20px
  • चार मान, जैसे: div {padding: 50px 10px 20px 30px} - ऊपरी आंतरिक पैडिंग 50px, दायाँ आंतरिक पैडिंग 10px, नीचे आंतरिक पैडिंग 20px, बाईं आंतरिक पैडिंग 30px

और देखें:

CSS पाठ्यक्रम:CSS आँतरिक सीमा

CSS संदर्भ पुस्तक:padding गुण

उदाहरण

例子 1

设置 <div> 元素的内边距：

document.getElementById("myDiv").style.padding = "50px 10px 20px 30px";

अपने आप साफ़ी करें

उदाहरण 2

<div> एलिमेंट के सभी चार ओर के आंतरिक पैडिंग को "25px" में बदलें:

document.getElementById("myDiv").style.padding = "25px";

अपने आप साफ़ी करें

उदाहरण 3

वापसी <div> एलिमेंट के आंतरिक पैडिंग:

alert(document.getElementById("myDiv").style.padding);

अपने आप साफ़ी करें

उदाहरण 4

margin गुण और padding गुण के अंतर:

function changeMargin() {
  document.getElementById("myDiv").style.margin = "100px";
}
function changePadding() {
  document.getElementById("myDiv2").style.padding = "100px";
}

अपने आप साफ़ी करें

व्याकरण

padding गुण वापसी करें:

ऑब्जेक्ट.style.padding

padding गुण सेट करें:

ऑब्जेक्ट.style.padding = "%|लंबाई|initial|inherit"

गुण मान

मान वर्णन
% पारगमन एलिमेंट के चौड़ाई के प्रतिशत से आंतरिक पैडिंग को परिभाषित करें。
लंबाई लंबाई एकाई से आंतरिक पैडिंग को परिभाषित करें。
initial इस गुण को उसके मूलभूत मान पर सेट करें। देखें initial।
inherit इस गुण को उसके माता एलिमेंट से विरासत करें। देखें inherit।

तकनीकी विवरण

मूलभूत मान: 0
वापसी मान: शब्द, जो एलिमेंट के आंतरिक पैडिंग को दर्शाता है。
CSS संस्करण： CSS1

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

च्रोम एज फायरफॉक्स सफारी ओपेरा
च्रोम एज फायरफॉक्स सफारी ओपेरा
सहायता सहायता सहायता सहायता सहायता