CSS inset-block-start గుణం

定义和用法

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

లక్షణం బ్లాక్ దిశ మరియు వరుస దిశపై ఆధారపడి ఉంటుంది.要使此属性生效，必须指定 position CSS యొక్క

CSS యొక్క inset-inline inset-block లక్షణాలు చాలా అనికట ఉన్నాయి, కానీ క్రొత్త క్రొత్తమేలుపైమేలుఅడుగు inset-block ఎడమ కుడి లక్షణాలు చాలా అనికట ఉన్నాయి, కానీ inset-block inset-inline మరియు

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

ఉదాహరణ

ఉదాహరణ 1

లోకి నిర్దేశించిన సందర్భంలో, బ్లాక్ దిశలో స్థిరమైన <div> ఉపాంగం ప్రారంభం నుండి పితుకుడు ఉపాంగం వరకు దూరాన్ని నిర్దేశించండి:

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

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

ఉదాహరణ 2

ప్రతి <div> ఉపాంగం యొక్క writing-mode లక్షణాన్ని vertical-rl గా సెట్ చేసినప్పుడు, బ్లాక్ దిశ ఎడమ నుండి కుడికి ఉంటుంది. ఫలితంగా, మొదటి ప్రక్క నుండి ఉపాంగం కుడికి చేరుతుంది:

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

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

CSS సంకేతాలు

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

లక్షణ విలువ

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

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

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

相关页面

教程：CSS లొకేషన్

పరిచయం చేయండి:CSS పోసిషన్ అట్రిబ్యూట్

పరిచయం చేయండి:CSS వ్రాటింగ్-మోడ్ అట్రిబ్యూట్