Exemplo
Especifique a largura da imagem Beira:
#borderimg
{
border-image-source: url(border.png);
border-image-width: 10px;
}
Tente você mesmo " Definição e Uso
A propriedade-border-image width especifica a largura da imagem Beira.
Dica: Veja também a border-image propriedade (a shorthand property for setting all the border-image-* properties) .
| Valor padrão: | 1 |
|---|---|
| Herdado: | no |
| Animatable: | no. Read about animatable |
| Versão: | CSS3 |
| sintaxe JavaScript: | object .style.borderImageWidth="20px" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| border-image-width | 15,0 | 11.0 | 13,0 | 6 | 15,0 |
CSS Syntax
border-image-width:number|%|auto|initial|inherit;Note: A propriedade-border-image largura pode levar de um a quatro valores (top, right, bottom, and left sides) . Se o quarto valor for omitido, é o mesmo que o segundo. Se a terceira é também omitido, é o mesmo que o primeiro. Se a segunda também é omitida, é o mesmo que o primeiro.
Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| length | Uma unidade de comprimento (px) especificar o tamanho da borda de largura | Jogue " |
| number | O valor padrão 1. Representa múltiplos do border-width correspondente | Jogue " |
| % | Refere-se ao tamanho da área de imagem da margem: a largura da área para deslocamentos horizontais, a altura para deslocamentos verticais | Jogue " |
| auto | Se especificado, a largura é a largura intrínseca ou a altura da fatia de imagem correspondente | 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 Border Imagens
CSS Referência: border-image property
CSS Referência: border-image-outset property
CSS Referência: border-image-repeat property
CSS Referência: border-image-slice property
CSS Referência: border-image-source property
HTML DOM de referência: borderImageWidth property