📌  相关文章
📜  CSS background-clip属性

📅  最后修改于: 2020-11-05 00:49:32             🧑  作者: Mango

CSS background-clip属性

此CSS属性指定背景的绘制区域。它通过应用剪切框来限制背景颜色或图像出现的区域。盒子外面的任何东西都将被丢弃并且不可见。

它设置元素的背景是否在border-box，padding-box和content-box下延伸。

句法

background-clip: border-box| padding-box| content-box| inherit;

Possible values

让我们了解属性值以及每个属性值的示例。

border-box

它是默认值。这意味着将在边框内绘制背景图像和颜色。它设置背景色，该背景色遍及整个分区。

例

 
  
        
          
     
      
      
        
  
            
 
              Welcome to the javaTpoint.com
            
  
            
 
                background-clip: border-box;

padding-box

它在边框内设置背景，即在填充框内绘制背景图像和颜色。

例

 
  
       
          
     
      
      
        
  
            
 
              Welcome to the javaTpoint.com
            
  
            
 
                background-clip: padding-box;

content-box

它仅将背景颜色设置为内容。在内容框内绘制背景，即在内容框内绘制背景图像和颜色。

例

 
  
       
          
     
      
      
        
  
            
 
              Welcome to the javaTpoint.com
            
  
            
 
                background-clip: content-box;