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

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

inset పరిధి విధానం వినియోగించబడుతుంది సామగ్రి మరియు దాని మూల సామగ్రి మధ్య దూరాన్ని అమర్చడానికి.

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

inset 属性是以下属性的简写形式：

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

如果 inset 属性有四个值：

inset: 15px 30px 60px 90px;
  • 上距离是 15px
  • 右距离是 30px
  • 下距离是 60px
  • 左距离是 90px

如果 inset 属性有三个值：

inset: 15px 30px 60px;
  • 上距离是 15px
  • 左右距离是 30px
  • 下距离是 60px

如果 inset 属性有两个值：

inset: 15px 30px;
  • 上下距离是 15px
  • 左右距离是 30px

如果 inset 属性有一个值：

inset: 10px;
  • 四个方向的距离都是 10px

实例

例子 1

设置定位的

元素与父元素的距离：

div {
  inset: 35px;
}

亲自试一试

例子 2

将

元素的 inset 属性值设置为顶部和底部距离父元素 15 像素，左侧和右侧距离父元素 30 像素：

div {
  inset: 15px 30px;
}

亲自试一试

例子 3

将

元素的 inset 属性值设置为顶部距离父元素 15 像素，左侧和右侧距离父元素 30 像素，底部距离父元素 60 像素：

div {
  inset: 15px 30px 60px;
}

亲自试一试

例子 4

将

元素的 inset 属性值设置为顶部距离父元素 15 像素，右侧距离父元素 30 像素，底部距离父元素 60 像素，左侧距离父元素 90 像素：

div {
  inset: 15px 30px 60px 90px;
}

亲自试一试

CSS 语法

inset: auto|length|initial|inherit;

属性值

值 描述
auto 默认值。元素的默认 inset 距离。
length 使用固定单位（如 px、pt、cm 等）指定距离。允许负值。参阅：సిఎస్ఎస్ యూనిట్స్。
% 使用百分比指定距离，相对于父元素在对应轴上的大小。
initial ఈ లక్షణాన్ని దాని మూల విలువకు సెట్ చేస్తుంది. దయచేసి ఈ కి సందర్శించండి: initial。
inherit ఈ లక్షణాన్ని తన మూల ఎలిమెంట్ నుండి పారంపర్యం చేసుకుంటుంది. దయచేసి ఈ కి సందర్శించండి: inherit。

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

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

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

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

క్రోమ్ ఎడ్జ్ ఫైర్‌ఫాక్స్ సఫారీ ఆపెరా
87.0 87.0 66.0 14.1 73.0

相关页面

教程：CSS 定位

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

పరిచయంగా:CSS bottom అట్రిబ్యూట్

పరిచయంగా:CSS left అట్రిబ్యూట్

పరిచయంగా:CSS రైట్ అట్రిబ్యూట్

పరిచయంగా:CSS టాప్ అట్రిబ్యూట్