Atributo border-image-width CSS

definición y uso

el atributo ancho-de-imagen-de-borde especifica el ancho de la imagen de borde.

por favor, consulte:

tutoriales de CSS3:Borde de CSS3

ejemplo

especificar el ancho de la imagen de borde:

div
{
fuente-de-imagen-de-borde: url(border.png);
ancho-de-imagen-de-borde: 30 30;
}

sintaxis de CSS

ancho-de-imagen-de-borde: número|%|auto;

comentarios:Las cuatro especificaciones del atributo border-image-width dividen la imagen de borde en nueve partes. Representan las distancias desde el borde superior, derecho, inferior e izquierdo de la región hacia el interior. Si se omite el cuarto valor, es igual al segundo valor. Si se omite el tercer valor, es igual al primer valor. Si se omite el segundo valor, es igual al primer valor. No se permite ningún valor negativo como valor de border-image-width.

valor de la propiedad

valor descripción
número representa múltiplos del ancho correspondiente de border-width.
% referencia a las dimensiones de la región de imagen de borde: la altura afecta el desplazamiento horizontal, y el ancho afecta el desplazamiento vertical.
auto Si se especifica esta propiedad, el ancho es el ancho inherente del segmento de imagen correspondiente.

detalles técnicos

valor por defecto: ninguna
herencia: no
versión: CSS3
sintaxis de JavaScript: objeto.style.anchoDeImagenDeBorde="30 30"

soporte del navegador

Los números en la tabla indican la versión del navegador que admite completamente esta propiedad.

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

ver imagen-de-borde propiedad.