Html 这个代码段是做什么的?它是css吗?

Html 这个代码段是做什么的?它是css吗?,html,css,Html,Css,我在CSS中寻找一些按钮布局,在button::after中偶然发现了以下代码片段: --slice-0: inset(50% 50% 50% 50%); --slice-0部分是如何工作的?这是CSS的一部分吗?如果是,它叫什么?这个--指的是一个CSS变量。整个定义 --slice-0: inset(50% 50% 50% 50%) 是顶部、右侧、底部和/或左侧的缩写,请参阅。它定义图元相对于其父构件的物理偏移 同时检查(CSS变量)。是,它是CSS的一部分 它的用途是重塑内容。比如说现

我在CSS中寻找一些按钮布局,在button::after中偶然发现了以下代码片段:

--slice-0: inset(50% 50% 50% 50%);
--slice-0
部分是如何工作的?这是CSS的一部分吗?如果是,它叫什么?

这个
--
指的是一个CSS变量。整个定义

--slice-0: inset(50% 50% 50% 50%)
顶部
右侧
底部
和/或
左侧
的缩写,请参阅。它定义图元相对于其父构件的物理偏移

同时检查(CSS变量)。

是,它是CSS的一部分

它的用途是重塑内容。比如说现在,你在HTML页面中插入一张图片,你想要重塑角,不是一个弧形,而是一个切片的角,这将是一个理想的方法

不使用边框半径,您可以使用slice来重塑图片的形状

这是一个css变量