manual de referencia de CSS

CSS @reglas (RULES)

大全 de propiedades CSS

CSS border-Atributo left CSS3 border-image-Atributo source

CSS3 border-image-Método de uso y ejemplo de la propiedad width

border-image-La propiedad width CSS especifica el ancho del borde.

La siguiente tabla describe el uso y el historial de versiones de esta propiedad, así como la sintaxis de uso en scripts de JavaScript.

Valor predeterminado:	1
Aplicable a:	Esta propiedad se puede aplicar a cualquier elemento, pero cuando se trata de elementos de tabla (como tr, th, td), el borde-Cuando el valor del atributo collapse es collapse, el border-image-El atributo width no es válido. También se aplica a::first-letter.
Herencia:	No
Animable:	NoVer Atributos de animación.
Versión:	CSS3nueva característica
Sintaxis de JavaScript:	object.style.borderImageWidth="30 30"

border-image-Sintaxis del uso de width

La sintaxis de este atributo es la siguiente:

border-image-width: [ length | percentage | number | auto ]　1　to　4　values | initial | inherit

Los siguientes ejemplos muestran cómo usar border-image-Atributo width.

Ejemplo

.box {
　　　　width:　300px;
　　　　height:　150px;
　　　　border-image-source: url("border.png");
　　　　border-image-width:　10px;
　　　　border-image-slice:　30;
　　　　border-image-repeat: round;
}

Prueba y mira‹/›

Valor del atributo

La tabla a continuación describe los valores de este atributo.

Valor	Descripción
length	Especificar el ancho del borde en unidades absolutas o relativas.
percentage	Especificar el ancho del borde en porcentaje del elemento.
number	Representa el elementoborder-widthValor calculado del atributo o múltiplo del ancho del borde.
auto	Especificar el ancho de la imagen del borde es el ancho o la altura inherente de la rebanada de la imagen correspondiente.
initial	Establecer este atributo en su valor predeterminado.
inherit	Si se especifica, el elemento asociado usa el border del elemento padre-image-Valor calculado del atributo width.

Compatibilidad del navegador

border-image-Compatibilidad del navegador del atributo width; los números en la tabla indican la versión mínima de los navegadores que admiten este atributo; todos los navegadores principales admiten este atributo.

	Firefox 15+ Google Chrome15+ Internet Explorer 11+ Apple Safari 6+ Opera 15+

Leer más

Consulte los siguientes tutoriales:CSS3 BorderyCSS Border.

Atributos relacionados:border-image,border-image-source,border-image-repeat,border-image-slice,border-image-outset,border.

CSS border-Atributo left CSS3 border-image-Atributo source