CSS inset-block అట్రిబ్యూట్

నిర్వచనం మరియు వినియోగం

inset-block అనునాదు అంశం సంబంధిత అంశం తో పరిశీలించండి.

ముప్పు要使此属性生效，必须指定 position 属性。

inset-block 属性是以下属性的简写属性：

• inset-block-start
• inset-block-end

inset-block 属性的值可以通过不同方式设置：

如果 inset-block 属性有两个值：

inset-block: 10px 50px;

• 起始距离是 10px
• 结束距离是 50px

如果 inset-block 属性有一个值：

inset-block: 10px;

• ప్రారంభ మరియు ముగింపు దూరాలు 10px ఉంటాయి

CSS యొక్క inset-block మరియు inset-inline లక్షణాలు CSS యొక్క top,bottom,left మరియు right లక్షణం చాలా అనిలికినప్పటికీ, inset-block మరియు inset-inline లక్షణం బ్లాక్ దిశ మరియు రూపం దిశ పెంచుకుంటుంది.

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

ఉదాహరణ

ఉదాహరణ 1

నిర్ధిష్టమైన <div> అంశం లో బ్లాక్ దిశలో పూర్వీక అంశం నుండి దూరాన్ని అమర్చండి:

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

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

ఉదాహరణ 2

ప్రత్యేకమైన <div> అంశం యొక్క writing-mode అంశంలో విలువను vertical-rlగా అమర్చినప్పుడు, అంశం యొక్క ప్రారంభ స్థానం పైకి నడుస్తుంది, అంశం యొక్క ముగింపు స్థానం కుడికి నడుస్తుంది:

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

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

సిఎస్ఎస్ సంకేతాలు

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

లక్షణానికి విలువ

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

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

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

相关页面

教程：CSS 定位

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

పరిచయం కోసం:CSS inset-block-end అట్రిబ్యూట్

పరిచయం కోసం:CSS inset-block-start అట్రిబ్యూట్

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