With the following code:
border-image: url("assets/sidebar-row.png") 6 23 6 / 6px 23px 6px;
No problem, but when I use:
border-image: url("assets/sidebar-row.png") 6 23 6 / 6px 23px 6px fill;
It fails.
Add a comment
|
2 Answers
According to the GTK+ specs, only the following values are supported:
[stretch|repeat|round|space]
The default (stretch) is to resize the slice to fill in the whole allocated area.
If the value of this property is “repeat”, the image slice will be tiled to fill the area.
If the value of this property is “round”, the image slice will be tiled to fill the area, and scaled to fit it exactly a whole number of times.
If the value of this property is “space”, the image slice will be tiled to fill the area, and if it doesn’t fit it exactly a whole number of times, the extra space is distributed as padding around the slices.
So I would use in your example:
border-image: url("assets/sidebar-row.png") 6 23 6 / 6px 23px 6px stretch;
answered Feb 23, 2015 at 12:34
-
-
Thanks, but "border-image: url("assets/sidebar-row.png") 6 23 6 / 6px 23px 6px stretch;" will be display as hollow， like this: plus.google.com/+wanfangliu/posts/jW1i9kD1oee Feb 24, 2015 at 14:25
Gtk doesn't yet support fill, but it would have to be specified like:
border-image: url("assets/sidebar-row.png") 6 23 6 fill / 6px 23px 6px;
because 6 23 6 in your example is the border-image-slice part of the border-image shorthand property, and fill is a border-image-slice option.
More info: https://developer.mozilla.org/en-US/docs/Web/CSS/border-image
