CSS ప్యాడింగ్ అట్రిబ్యూట్

定义和用法

padding 简写属性在一个声明中设置所有内边距属性。

说明

这个简写属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。

ప్రకటన:నిషేధించబడిన పేర్కొనబడని విలువలు ఉండకూడదు.

ఉదాహరణ 1

padding:10px 5px 15px 20px;
  • పై అంతరాంతరం 10px ఉంది
  • కుడి అంతరాంతరం 5px ఉంది
  • క్రింద అంతరాంతరం 15px ఉంది
  • ఎడమ అంతరాంతరం 20px ఉంది

ఉదాహరణ 2

padding:10px 5px 15px;
  • పై అంతరాంతరం 10px ఉంది
  • కుడి అంతరాంతరం మరియు ఎడమ అంతరాంతరం 5px ఉన్నాయి
  • క్రింద అంతరాంతరం 15px ఉంది

ఉదాహరణ 3

padding:10px 5px;
  • పై అంతరాంతరం మరియు క్రింద అంతరాంతరం 10px ఉన్నాయి
  • కుడి అంతరాంతరం మరియు ఎడమ అంతరాంతరం 5px ఉన్నాయి

ఉదాహరణ 4

padding:10px;
  • అన్ని నాలుగు అంతరాంతరాలు 10px ఉన్నాయి

మరియు చూడండి:

CSS పాఠ్యక్రమం:CSS అంతర్గత ప్యాడింగ్

HTML DOM సూచనాలు:padding అనునామికత

ఉదాహరణ

p ఎలిమెంట్ని నాలుగు అంతరాంతరాలను అమర్చండి:

p
  {
  padding:2cm 4cm 3cm 4cm;
  }

స్వయంగా ప్రయత్నించండి

CSS సంకేతాలు

padding: length|initial|inherit;

అనునామికత విలువ

విలువ వివరణ
auto బ్రౌజర్ అంతరాంతరాలను పరిగణనలోకి తీసుకోవాలి.
length ప్రత్యేక ఇకానా అంతరాంతరాల అనునామికతను పరిగణనలోకి తీసుకోవాలి, ఉదాహరణకు పిక్సెల్స్, సెంటీమీటర్స్ వంటి. అప్రమేయ విలువ అనికి 0px.
% పితుకు వెడల్పును కొనియుక్తి చేసిన శాతంలో అంతరాంతరాల అనునామికతను పరిగణనలోకి తీసుకోవాలి.
inherit పరిగణనలోకి పెట్టాలి అనునామికతను పితుకు అనునామికతల నుండి పాటించాలి.

సాంకేతిక వివరాలు

అప్రమేయ విలువ: 0
పరివర్తన సామర్ధ్యం: no
వెర్షన్: CSS1
JavaScript సంకేతాలు: object.style.padding="10px 5px"

TIY ఉదాహరణ

అన్ని అంతరాంతరాల అనునామికతలు ఒక వాక్యంలో
ఈ ఉదాహరణలో లఘువైన అనునామికతను ఉపయోగించి అన్ని అంతరాంతరాల అనునామికతలను ఒక వాక్యంలో అమర్చవచ్చు, ఒకటి నుండి నాలుగు విలువలు ఉండవచ్చు.

బ్రౌజర్ మద్దతు

పట్టికలోని సంఖ్యలు ఈ అనునామికతను పూర్తిగా మద్దతుదారి మొదటి బ్రౌజర్ వెర్షన్ని పేర్కొంది.

క్రోమ్ IE / ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
1.0 4.0 1.0 1.0 3.5