CSS inset-inline-start అట్రిబ్యూట్

定义和用法

inset-inline-start 属性设置元素在行方向上的起始端与其父元素之间的距离。

注意：要使此属性生效，必须指定 position 属性。

CSS 的 inset-inline మరియు inset-block 属性与 CSS 的 top、bottom、left మరియు right 属性非常相似，但 inset-block మరియు inset-inline 属性依赖于块方向和行方向。

注意：相关的 CSS 属性 writing-mode మరియు direction వరుస దిశను నిర్వచిస్తుంది. ఇది ఉపనితి వరుస దిశకు ప్రారంభ సంకేతం మరియు inset-inline-start లక్షణ ఫలితం. ఇంగ్లీష్ పేజీలలో, వరుస దిశ ఎడమ వాయి నుండి కుడి వాయికి ఉంటుంది, బ్లాక్ దిశ క్రిందకు ఉంటుంది.

ఉదాహరణ

ఉదాహరణ 1

స్థానికంగా గల <div> ఉపనితి నుండి వరుస దిశకు ప్రారంభ సంకేతం పేర్పడ్డ ఉపనితికి దూరాన్ని సెట్ చేయండి:

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

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

ఉదాహరణ 2

కానీ <div> ఉపనితి యొక్క writing-mode లక్షణ విలువ వరుస దిశకు ఉంది ఉండినప్పుడు, వరుస దిశ అడుగునుండి క్రిందకు ఉంటుంది. ఫలితం ప్రారంభ సంకేతం ఎడమ వైపు నుండి పైకి కదులుతుంది:

div {
  inset-inline-start: 50px;
  writing-mode: vertical-rl;
}

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

ఉదాహరణ 3

కానీ <div> ఉపనితి యొక్క direction లక్షణ విలువ రుత్ర దిశకు సెట్ చేసినప్పుడు, వరుస దిశ కుడి వాయి నుండి ఎడమ వాయికి ఉంటుంది. ఈ వివరణలో చిన్న తప్పు ఉంది, ఇది 'ఫలితం ప్రారంభ సంకేతం ఇట్టే కుడివైపు ఉంటుంది (ఎక్కడ రుత్ర దిశలో ప్రారంభ సంకేతం కుడివైపు ఉంటుంది, కానీ అప్రమేయ ltr సంస్థాపనకు ముగించి మొత్తం అంతరం పునఃసంకేతం చేయబడింది) ':

div {
  inset-inline-start: 50px;
  direction: rtl;
}

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

CSS సంకేతాలు

inset-inline-start: auto|length|initial|inherit;

లక్షణ విలువ

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

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

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

相关页面

教程：CSS 定位

参考：CSS పోసిషన్ అట్రిబ్యూట్

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

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