CSS ప్యాడింగ్‌లెఫ్ట్ అట్రిబ్యూట్

నిర్వహణ మరియు వినియోగం

padding-left లక్షణం ప్రతి అంశం యొక్క ఎడమ అంతరాంతరాన్ని (అంతరాంతరం) అమర్చగలదు.

వివరణ

ఈ లక్షణం ప్రతి అంశం యొక్క ఎడమ అంతరాంతరాన్ని అమర్చగలదు. ఇన్లైన్ నిరంతర అంశాలపై సెల్లు యొక్క ఎడమ అంతరాంతరం మొదటి ఇన్లైన్ ఫ్రేమ్ ఎడమ సిద్ధించబడుతుంది.

ప్రత్యామ్నాయ వివరణ:నిషేధించబడిన విలువలు లేవు.

మరింత చూడండి:

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

HTML DOM పరిశీలన పత్రికpaddingLeft లక్షణం

ఉదాహరణ

p అంశం యొక్క ఎడమ అంతరాంతరాన్ని అమర్చండి:

p
  {
  padding-left:2cm;
  }

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

మరిన్ని ఉదాహరణలు పేజీ అంతంలో కనబడతాయి.

CSS సంకేతాలు

padding-left: length|initial|inherit;

లక్షణ విలువ

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

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

అప్రమేయ విలువ: 0
పారంతరత్వం: no
సంస్కరణ: CSS1
JavaScript సంకేతాలు: object.style.paddingLeft="10px"

TIY ఉదాహరణ

ఎడమ అంతరాంతరం 1 అమర్చండి
ఈ ఉదాహరణలో సెల్లు యొక్క ఎడమ అంతరాంతరాన్ని సెంటీమీటర్ల విలువలతో ఎలా నిర్వహించాలనేది చూపబడింది.
ఎడమ అంతరాంతరం 2 అమర్చండి
ఈ ఉదాహరణలో సెల్లు యొక్క ఎడమ అంతరాంతరాన్ని శతకం మీట్రిక్ విలువలతో ఎలా నిర్వహించాలనేది చూపబడింది.

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

పట్టికలోని సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న మొదటి బ్రౌజర్ సంస్కరణను సూచిస్తాయి.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5