📜  CSS | border-image-outset 属性

📅  最后修改于: 2021-08-29 13:24:10             🧑  作者: Mango

CSS border-image-outset 属性是一个速记属性,用于指定元素的边框图像放置在其框外的距离。

注意: border-image-outset 对border-image-source 指定的图片生效。

句法:

border-image-outset: value;

属性值:

Value Effect
Length Specifies the size of border outset as dimensions.
Number Specifies the size of the border as the multiple of the corresponding border-width.
Initial Specifies the size of border to be default size.
Inherit Inherits the value from its parent element.

示例程序:

 
 
     
         
     
     
        

GeeksforGeeks

          

border-image-outset property

          
Border 1(Length)
          
Border 2(Number)
          
Border 3(Initial)
          
Border 4(Inherit)
            

输出:

浏览器支持: border-image-outset 属性支持的浏览器如下:

  • Chrome-15.0
  • Edge-11.0
  • Firefox-15.0
  • Opera-15.0
  • Safari-6.0