CSS3 propriedade background-clip
Exemplos
Especifica o fundo da área de desenho:
div
{
background-color:yellow;
background-clip:content-box;
}
{
background-color:yellow;
background-clip:content-box;
}
tente »
Suporte a navegadores
Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.
Imediatamente após a -webkit- digitais, -ms- ou -moz- atrás em apoio do prefixo atribuem primeiro número da versão do browser.
| propriedade | |||||
|---|---|---|---|---|---|
| border-image | 16,0 4.0 -webkit- | 11.0 | 15,0 3,5 -moz- | 6 3.1 -webkit- | 15,0 11,0 -o- |
definições e instruções tag
propriedade background-clip especifica o fundo da área de desenho.
| padrão: | border-box |
|---|---|
| herança: | não |
| versão: | CSS3 |
| sintaxe JavaScript: | objeto object.style.backgroundClip = "content-box" |
gramática
background-clip: border-box|padding-box|content-box;
| valor | explicação |
|---|---|
| border-box | Padrão. Fundo desenhado no bloco de quadro (quadro cortado em caixa). |
| padding-box | Fundo desenhado no bloco de preenchimento (cortado em um preenchimento de bloco). |
| Conteúdo-box | Fundo conteúdo desenhado dentro da caixa (cortadas em um bloco de conteúdo). |
artigos relacionados
tutorial CSS3: CSS3 Fundos
