border-image: add support for border-image-width too
It's useful to set a slice size != border-width, as backgrounds are clipped to border-width too. As slices can be half-transparent and overlap the background, this would not fill the border box properly if we only use a single property for specifying the width. Also, this brings us even closer to CSS3.
This commit is contained in:
@ -538,7 +538,7 @@
|
||||
* <inlinegraphic fileref="slices.png" format="PNG"/>
|
||||
* <para>
|
||||
* The parameters of the slicing process are controlled by
|
||||
* three separate properties. Note that you can use the
|
||||
* four separate properties. Note that you can use the
|
||||
* <literallayout>border-image</literallayout> shorthand property
|
||||
* to set values for the three properties at the same time.
|
||||
* </para>
|
||||
@ -556,6 +556,14 @@
|
||||
* of the border.
|
||||
* </para>
|
||||
* <para>
|
||||
* <literallayout>border-image-width: @top @right @bottom @left</literallayout>
|
||||
* The sizes specified by the @top, @right, @bottom and @left parameters
|
||||
* are inward distances from the border box edge, used to specify the
|
||||
* rendered size of each slice determined by border-image-slice.
|
||||
* If this property is not specified, the values of border-width will
|
||||
* be used as a fallback.
|
||||
* </para>
|
||||
* <para>
|
||||
* <literallayout>border-image-repeat: [stretch|repeat|round|space] ?
|
||||
* [stretch|repeat|round|space]</literallayout>
|
||||
* Specifies how the image slices should be rendered in the area
|
||||
|
||||
Reference in New Issue
Block a user