CSS ప్యాడింగ్‌ఇన్లైన్‌స్టార్ట్ అట్రిబ్యూట్

定义和用法

元素的 padding-inline-start 属性指的是在行内方向起始处,从边框到内容的空间。

CSS padding-inline మరియు padding-block 属性与 CSS 属性 padding-toppadding-bottompadding-left మరియు padding-right 非常相似,但 padding-inline మరియు padding-block లక్షణం వరుసాను దిశ మరియు బ్లాక్ దిశ పెంచుకుంటుంది.

గమనిక:సంబంధిత సిఎస్ఎస్ లక్షణాలను ప్రభావితం చేస్తుంది writing-mode మరియు direction వరుసాను దిశను నిర్దేశిస్తుంది. ఇది ఉపఘటకం వరుసాను దిశలో ప్రారంభ మరియు ముగింపు స్థానాలను ప్రభావితం చేస్తుంది మరియు padding-inline-start లక్షణ ఫలితం. ఇంగ్లీష్ పేజీలలో, బ్లాక్ దిశ క్రిందకు ఉంటుంది మరియు వరుసాను దిశ ఎడమ నుండి కుడికి ఉంటుంది.

ఉదాహరణ

ఉదాహరణ 1

వరుసాను దిశలో ప్రారంభ స్థానంలో ప్రత్యేక అంతరాన్ని నిర్దేశించండి:

div {
  padding-inline-start: 50px;
}

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

ఉదాహరణ 2

డివ్ ఉపఘటకం యొక్క writing-mode లక్షణ విలువ వెర్టికల్-రుల్ట్ చేసినప్పుడు, వరుసాను దిశ క్రిందకు ఉంటుంది. ఫలితంగా ఉపఘటకం యొక్క ప్రారంభ స్థానం ఎడమ నుండి మేలకు కదులుతుంది:

div {
  writing-mode: vertical-rl;
  padding-inline-start: 100px;
}

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

ఉదాహరణ 3

డివ్ ఉపఘటకం యొక్క direction లక్షణ విలువ రుల్ట్ చేసినప్పుడు, వరుసాను దిశ కుడి నుండి ఎడమ దిశగా ఉంటుంది. ఫలితంగా ఉపఘటకం యొక్క ప్రారంభ స్థానం ఎడమ నుండి కుడికి కదులుతుంది:

div {
  direction: rtl;
  padding-inline-start: 100px;
}

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

CSS సంకేతబద్ధత

padding-inline-start: auto|value|initial|inherit;

లక్షణ విలువ

విలువ వివరణ
auto అప్రమేయం. ఉపఘటకం యొక్క అప్రమేయ padding-inline-start దూరం.
length

పిక్సెల్, పిట్, సెంటీమీటర్ వంటి ప్రమాణాలతో నిర్దేశించండి. నిషేధించబడిన ప్రమాణాలు లేవు.

చూడండి:CSS యూనిట్స్.

% పితురందు పరంగా వరుసాను దిశలో ప్రత్యేక ప్రమాణాన్ని నిర్దేశించండి.
initial ఈ లక్షణాన్ని అప్రమేయ విలువకు సెట్ చేయండి. చూడండి: initial.
inherit ఈ లక్షణాన్ని తన పేర్పడ్డ ఉపఘటకం నుండి పారంపర్యం చేసుకుంటుంది. చూడండి: inherit.

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

అప్రమేయం: auto
పారంపర్యం:
అనిమేషన్ తయారీ: మద్దతు ఉంది. చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు.
వెర్షన్: సిఎస్ఎస్3
జావాస్క్రిప్ట్ సంకేతబద్ధత object.style.paddingInlineStart="100px"

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

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

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
87.0 87.0 41.0 12.1 73.0

相关页面

参考:CSS డయరెక్షన్ అట్రిబ్యూట్

参考:CSS ప్యాడింగ్‌ఇన్లైన్ అట్రిబ్యూట్

参考:CSS ప్యాడింగ్‌ఇన్లైన్‌ఎండ్ అట్రిబ్యూట్

参考:CSS ప్యాడింగ్‌బాటమ్ అట్రిబ్యూట్

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

参考:CSS ప్యాడింగ్‌రైట్ అట్రిబ్యూట్

参考:CSS ప్యాడింగ్‌టాప్ అట్రిబ్యూట్

参考:CSS వ్రాయింగ్-మోడ్ అట్రిబ్యూట్