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:
Cosimo Cecchi
2011-06-09 19:59:14 -04:00
parent 5fcf9ae09e
commit 3d1407a01a
4 changed files with 66 additions and 15 deletions

View File

@ -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