CSS | inset-block-end 属性

CSS 中的inset-block-end 属性用于定义逻辑块结束偏移，而不是用于行内偏移或逻辑块。此属性可以应用于任何写入模式属性。

句法：

inset-block-end: length | percentage | auto | inherit | initial | unset;

属性值：

• 长度：它设置了一个固定值，定义在 px、cm、pt 等中。也允许负值。它的默认值为 0px。
• 百分比：与长度相同，但根据窗口大小的百分比设置。
• auto：当需要浏览器确定 inset-block-end 时使用。
• initial：用于将 inset-block-end 属性的值设置为其默认值。
• 继承：当希望元素从其父元素继承 inset-block-end 属性时使用。
• unset：用于取消设置默认的 inset-block-end 属性。

下面的例子说明了 CSS 中的 inset-block-end 属性：

示例 1：

  

    
    

  

    
        
Geeksforgeeks
        CSS | inset-block-end Property
        


        

            

                A Computer Science Portal for Geeks
            
        
  
    

  
                    

输出：

示例 2：

  

    
    

  

    
        
Geeksforgeeks
        CSS | inset-block-end Property
        


        

            

                A Computer Science Portal for Geeks
            
        
  
    

  
                    

输出：

支持的浏览器： inset-block-end 属性支持的浏览器如下：

• 火狐
• 谷歌浏览器
• 边缘
• 歌剧

参考： https://developer.mozilla.org/en-US/docs/Web/CSS/inset-block-end