在HTML中hr的默认值inset,CSS inset属性用法及代码示例

CSS中的inset属性用于定义物理偏移量，而不用于内联偏移量或逻辑块。此属性可以应用于任何writing-mode属性。

用法:

inset:length|percentage|auto|inherit|initial|unset;

属性值：

length:它设置一个以px，cm，pt等为单位的固定值。也可以使用负值。其默认值为0px。

percentage:它与长度相同，但是根据窗口大小的百分比设置大小。

auto:当需要浏览器确定插图大小时使用。

initial:它用于将inset属性的值设置为其默认值。

inherit:它从其父元素继承inset属性值。

unset:它用于取消设置inset属性，它是默认值。

以下示例说明了CSS中的inset属性：

范例1：

CSS | inset Property

h1 {

color:green;

}

div {

background-color:purple;

width:200px;

height:100px;

position:relative;

}

.one {

position:relative;

inset:10px 40px 30px 0px;

background-color:#c8c800;

}

Geeksforgeeks

CSS | inset Property

A Computer Science Portal

输出：

范例2：

CSS | inset Property

h1 {

color:green;

}

div {

background-color:purple;

width:200px;

height:100px;

position:relative;

}

.one {

position:relative;

inset:10% 5% 5% 0%;

background-color:green;

}

Geeksforgeeks

CSS | inset Property

A Computer Science Portal

输出：

支持的浏览器：以下列出了inset属性支持的浏览器：

Firefox