Thuộc tính CSS inset

Định nghĩa và cách sử dụng

inset Thuộc tính được sử dụng để thiết lập khoảng cách giữa phần tử và phần tử cha của nó.

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

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

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

inset: 15px 30px 60px 90px;

inset: 15px 30px 60px;

inset: 15px 30px;

inset: 10px;

设置定位的 <div> 元素与父元素的距离：

div {
  inset: 35px;
}

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

div {
  inset: 15px 30px;
}

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

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

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

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

inset: auto|length|initial|inherit;

值	描述
auto	默认值。元素的默认 inset 距离。
length	使用固定单位（如 px、pt、cm 等）指定距离。允许负值。参阅：Đơn vị CSS。
%	使用百分比指定距离，相对于父元素在对应轴上的大小。
initial	将此属性设置为其默认值。参阅 initial。
inherit	从其父元素继承此属性。参阅 inherit。