CSS |剪辑属性

clip 属性在定义绝对定位元素的哪个部分要使其可见时指定。除指定区域外，全部隐藏。

注意： CSS 剪辑属性不适用于“溢出：可见”。

句法：

clip: auto|shape|initial|inherit;

属性值：

• auto：这是默认值，不会有任何剪裁。该元素按原样显示。

  句法：

  clip: auto;

  例子：

  
  
    
  
      
      
  
    
  
    
      
  
          GeeksforGeeks
      
    
  
    
  
  

  输出：
  

• 形状：形状剪辑元素的定义部分。 rect(top, right, bottom, left ) 用于定义可见部分。

  句法：

  clip: rect(top, right, bottom, left);

  例子：

  
  
    
  
      
      
  
    
  
    
      
  
          GeeksforGeeks
      
    
  
    
  
  

  输出：
  

• initial: initial 设置默认值，即不会有任何剪辑，因为默认值是自动。

  句法：

  clip: initial;

  例子：

  
  
    
  
      
      
  
    
  
    
      
  
          GeeksforGeeks
      
    
  
    
  
  

  输出：
  

• 继承：继承从父元素接收属性。当它与根元素一起使用时，将使用初始属性。

  句法：

  clip: inherit;

  例子：

  
  
    
  
      
      
  
    
  
    
      
  
          
  
              GeeksforGeeks
          
          
  
              
  
                  GeeksGeeks
              
          
      
      
  
    
  
  

  输出：
  

支持的浏览器： clip属性支持的浏览器如下：

• 谷歌浏览器 1.0
• 浏览器 8.0
• 火狐 1.0
• 歌剧7.0
• Safari 1.0