为什么border-image-width在border-image形式语法中出现两次?

编号945

是W3C规范定义边框图像属性的方式。
是MDN解释边框图像属性的方式。

在这两种格式中,正式语法为:

<'border-image-source'> || <'border-image-slice'> [/ <'border-image-width'> | / <'border-image-width'>?/ <'border-image-outset'>]?|| <'border-image-repeat'>

我了解|| | 方法。

为什么border-image-width在形式语法出现两次?

迈克尔·本杰明(Michael Benjamin)

让我们细分该部分:

[ / <‘border-image-width’> | / <‘border-image-width’>? / <‘border-image-outset’> ]?

这些属性在方括号([ ])中。这意味着它们是一组。

单条(|)将组分为两部分:

  1. <‘border-image-width’>
  2. <‘border-image-width’>? / <‘border-image-outset’>

单条是回答您问题的关键因素。

它定义border-image-width为两个不同用例的一部分。它可以单独出现,也可以通过出现border-image-outset根据单个条形定义,只能发生这些情况中的一种。

方括号前后的问号(?border-image-width表示它可以出现零次或一次。

因此,这些是该组的有效选项:

  • border-image-width
  • border-image-outset
  • border-image-widthborder-image-outset
  • 没有什么

要真正理解为什么border-image-width需要两次,请尝试仅用一个复制这四个选项border-image-width

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

CSS中的border-image-width

具有border-image-outset的border-image-width的计算

CSS / border-image / border-image-slice /造成很小的间隙,例如分隔线

为什么我的带有两个斜线的border-radius值不起作用?

为什么我的某些设备在路由器的DHCP列表中出现两次?

为什么某些文件在Unity Dash中出现两次?

为什么我的合并布局在 LinearLayout 中出现两次?

为什么“使用代码打开”在上下文菜单中出现两次?

为什么我的所有音乐曲目都在Clementine中出现两次?

将SVG模式添加到border-image属性

border-image删除每侧的背景颜色和中心

用于渐变边框图像的border-image-slice

没有报告CSS错误,但border-image-source和border-image-slice不会产生任何边框图像

CSS 样式中 border 和 border-width 属性的区别

为什么 Image 超越了 Grid?

如何捕获border-image-slice中的两个底角?

为什么CSS border-color继承了color属性?

为什么cypress看不到border *属性的css值?

为什么当border-bottom-style等于'none'时指定border-bottom-color?

为什么.border-0在Bootstrap 4.0.0中覆盖.border-bottom

如何将border-radius属性与border-image一起使用以弯曲拐角?

为什么反斜杠出现两次?

为什么重复的项目连续出现两次?

为什么此png图像出现两次?

为什么Google Map绘图控件出现两次?

为什么在 PIL 中是“ValueError: image is readonly”

为什么要使用JLabel代替Image?

切換到 gatsby-plugin-image 後,CSS Border Radius 在 Safari 中不起作用

-webkit-border-image: -webkit-linear-gradient 仅用于左边框