Skip to content

Latest commit

 

History

History
59 lines (37 loc) · 897 Bytes

border-image.md

File metadata and controls

59 lines (37 loc) · 897 Bytes

图像边框(border-image)

参考:MDN: border-image

border-image-outset

设置边框图像超出边框的量。

属性值:

  • 尺寸值
  • border-width 的倍数

有四种设置方式,分别代表顶部、右侧、底部及左侧的 outset 值。

border-image-repeat

设置边框图像的呈现方式。

属性值:

  1. stretch 拉伸
  2. repeat 平铺
  3. round 类似于 repeat。无法平铺时,会对图像进行缩放

border-image-slice

??

border-image-source

设置边框图像的 URL。

属性值:

  1. url("url") 用作边框图像的资源

border-image-width

??

border-image

在同一个声明中设置边框图像属性。

可包括的属性:

  • border-image-source
  • border-image-slice
  • border-image-width
  • border-image-outset
  • border-image-repeat