Atributo border-image-width do CSS

definição e uso

a propriedade border-image-width define a largura da borda da imagem.

veja também:

tutorial do CSS3:Borda do CSS3

exemplo

definir a largura da borda da imagem:

div
{
border-image-source: url(border.png);
border-image-width: 30 30;
}

sintaxe do CSS

border-image-width: number|%|auto;

notas:Os quatro valores especificados para a propriedade border-image-width dividem a imagem da borda em nove partes. Eles representam as distâncias do lado superior, direito, inferior e esquerdo da área para dentro. Se o quarto valor for ignorado, ele será o mesmo que o segundo valor. Se o terceiro valor for omitido, ele será o mesmo que o primeiro valor. Se o segundo valor for omitido, ele será o mesmo que o primeiro valor. Não são permitidos valores negativos como valores de border-image-width.

valor da propriedade

valor descrição
number representa a multiplicação da borda-width correspondente.
% referência para o tamanho da área da imagem da borda: a altura afeta o deslocamento horizontal, e a largura afeta o deslocamento vertical.
auto Se essa propriedade for especificada, a largura será a largura inerente da fatia da imagem correspondente.

detalhes técnicos

valor padrão: nada
herança: não
versão: CSS3
Sintaxe do JavaScript: object.style.borderImageWidth="30 30"

suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta plenamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 13.0 6.0 15.0

veja border-image propriedade.