propriedade HTML DOM Estilo borderImage
Exemplos
Designada como uma borda em torno do elemento de imagem div:
document.getElementById("myDIV").style.borderImage="url(border.png) 30 30 round";
tente »
Definição e Uso
borderImage propriedade é definida borderImageSource , borderImageSlice , borderImageWidth , borderImageOutset e borderImageRepeat propriedades propriedade estenográfica.
valores omitidos são definidas para seus valores padrão.
Suporte a navegadores
Internet Explorer 11, Firefox, Opera 15, Chrome e Safari 6 suporte de propriedade borderImage.
Safari 5 suporta outra alternativa do atributo propriedade que webkitBorderImage propriedade.
gramática
Propriedades volta borderImage:
object .style.borderImage
Definindo as propriedades borderImage:
object .style.borderImage="source slice width outset repeat|initial|inherit"
Valor de propriedade
| 值 | 描述 |
|---|---|
| borderImageSource | 要用于绘制边框的图像的路径。 |
| borderImageSlice | 图像边框的向内偏移。 |
| borderImageWidth | 图像边框的宽度。 |
| borderImageOutset | 边框图像区域超出边界框的量。 |
| borderImageRepeat | 规定图像边框是重复拼接图块还是延伸图块。 |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
detalhes técnicos
| padrão: | Nenhum 100% 1 0 estiramento |
|---|---|
| retorna: | String que representa o elemento propriedade border-image. |
| versão CSS | CSS3 |
artigos relacionados
CSS Referência: propriedade border-Imagem