CSS ప్యాడింగ్ఇన్లైన్స్టార్ట్ అట్రిబ్యూట్
- 上一页 padding-inline-end
- 下一页 padding-left
定义和用法
元素的 padding-inline-start
属性指的是在行内方向起始处,从边框到内容的空间。
CSS padding-inline
మరియు padding-block
属性与 CSS 属性 padding-top
、padding-bottom
、padding-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 ప్యాడింగ్రైట్ అట్రిబ్యూట్
- 上一页 padding-inline-end
- 下一页 padding-left