5.1 边框图片

  • border-image-source 设置或检索对象的边框样式使用图像路径。

    取值: url
    
  • border-image-slice 设置或检索对象的边框背景图的分割方式。

    取值: 浮点数/百分比
    
  • border-image-width 设置或检索对象的边框厚度。

    取值: 长度值/百分比/浮点数
    
  • border-image-outset 设置或检索对象的边框背景图的扩展

    取值: 长度值/浮点数
    
  • border-image-repeat 设置或检索对象的边框图像的平铺方式。

    取值:
          stretch: 指定用拉伸方式来填充边框背景图。 
          repeat: 指定用平铺方式来填充边框背景图。当图片碰到边界时,如果超过则被截断。 
          round: 指定用平铺方式来填充边框背景图。图片会根据边框的尺寸动态调整图片的大小直至正好可以铺满整个边框。 
          space: 指定用平铺方式来填充边框背景图。图片会根据边框的尺寸动态调整图片的之间的间距直至正好可以铺满整个边框。
    
  • border-image 复合属性。设置或检索对象的边框样式使用图像来填充。

      border-image:<' border-image-source '> || <' border-image-slice '> [ / <' border-image-width '> | / <' border-image-width '>? / <' border-image-outset '> ]? || <' border-image-repeat '>
    

results matching ""

    No results matching ""