☰

我想在 GTK+ 主题中使用“border-image ... fill”

tag-icon • tag-icon themes gtk3 css
我想在 GTK+ 主题中使用“border-image ... fill”

使用以下代码：

边框图像：url("assets/sidebar-row.png") 6 23 6 / 6px 23px 6px;

没问题，但是当我使用：

边框图像：url("assets/sidebar-row.png") 6 23 6 / 6px 23px 6px 填充；

它失败。

答案1

根据GTK+ 规格，仅支持以下值：

[stretch|repeat|round|space]

  • 默认（拉伸）是调整切片大小以填充整个分配区域。

  • 如果此属性的值为“repeat”，则图像切片将平铺以填充该区域。

  • 如果此属性的值为“round”，则图像切片将被平铺以填充该区域，并缩放以精确地适合该区域整数倍。

  • 如果此属性的值为“space”，则图像切片将被平铺以填充该区域，并且如果它不能完全填充整数倍，则多余的空间将作为填充分布在切片周围。

因此，我会在你的示例中使用：

border-image: url("assets/sidebar-row.png") 6 23 6 / 6px 23px 6px stretch;

答案2

Gtk 尚不支持fill，但必须像这样指定：

border-image: url("assets/sidebar-row.png") 6 23 6 fill / 6px 23px 6px;

因为6 23 6在你的例子中边框图像切片的一部分边框图像简写属性，并且fill是边框图像切片选项。

更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/border-image

相关内容