Exemplo
Especificar a área de pintura de fundo:
div
{
border: 10px dotted black;
padding:35px;
background: yellow;
background-clip: content-box;
}
Tente você mesmo " Definição e Uso
A propriedade background-clip especifica a área de pintura de fundo.
| Valor padrão: | border-box |
|---|---|
| Herdado: | no |
| Animatable: | no. Read about animatable |
| Versão: | CSS3 |
| sintaxe JavaScript: | object .style.backgroundClip="content-box" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| background-clip | 4.0 | 9 | 4.0 | 3.0 | 10.5 |
CSS Syntax
background-clip: border-box|padding-box|content-box|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| border-box | Valor padrão. O fundo é cortado para a caixa de fronteira | Jogue " |
| padding-box | O fundo é cortado para a caixa de preenchimento | Jogue " |
| content-box | O fundo é cortado para a caixa de conteúdo | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | Jogue " |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
Tutorial CSS3: CSS3 Fundos
HTML DOM de referência: backgroundClip property