Atributo background-clip CSS

Definição e uso

background-clip A propriedade define a área de desenho do fundo.

Veja também:

Tutorial CSS:Fundo CSS、Background CSS (avançado)

Manual de referência do DOM HTML:Propriedade backgroundClip

Exemplo

Define a área de desenho do fundo:

div
{
background-color:yellow;
background-clip:content-box;
}

Experimente você mesmo

Sintaxe do CSS

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

Valor do atributo

Valor Descrição Teste
border-box A cor de fundo é cortada até a caixa de borda. Teste
padding-box A cor de fundo é cortada até a caixa de preenchimento. Teste
content-box A cor de fundo é cortada até a caixa de conteúdo. Teste

Detalhes técnicos

Valor padrão: border-box
Herança: não
Versão: CSS3
Sintaxe do JavaScript: object.style.backgroundClip="content-box"

Suporte do navegador

As tabelas indicam a primeira versão do navegador que suporta completamente essa propriedade.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
4.0 9.0 4.0 3.0 10.5