CSS | background-clip 属性

CSS 中的background-clip 属性用于定义如何在元素内扩展背景(颜色或图像)。

句法：

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

适当的价值：

• border-box： border-box 属性用于设置整个分区的背景颜色。

句法：

background-clip: border-box;

例子：

html

    
        
        
    
     
    
        

            

                GeeksforGeeks
            
             

                background-clip: border-box;
            
 
        
    

输出：

• padding-box： padding-box 属性用于设置边框内的背景。

句法：

background-clip:padding-box;

例子：

html

    
        
        
    
     
    
     
        

            

                GeeksforGeeks
            
             

                background-clip: padding-box;
            
 
        
    
                   

输出：

• content-box： content-box 属性用于设置仅内容的背景颜色。

句法：

background-clip:content-box;

例子：

html

    
        
        
    
     
    
     
        

            

                GeeksforGeeks
            
             

                background-clip: content-box;
            
 
        
    
                           

输出：

• initial：这是默认值。它用于设置遍布整个分区的背景颜色。

句法：

background-clip:initial-box;

例子：

html

    
        
        
    
     
    
     
        

            

                GeeksforGeeks
            
             

                background-clip: initial;
            
 
        
    
                   

输出：

支持的浏览器：

• 谷歌浏览器 4.0
• 浏览器 9.0
• 火狐 4.0
• 歌剧 10.5
• Safari 3.0