NovaMonoFix
Errores PHP
X
Usuario
Password
0 FPS

Propiedad CSS : border-image-width

30 de Diciembre del 2020 por Josep Antoni Bover. 27 visitas, 0 comentarios, 0 votos
Categorías : CSS.
La web está en segundo plano, animación en pausa.
Cargando animación...

Esta propiedad permite asignar el tamaño del borde para la imagen.


Sintaxis

border-image-width: ValorTRBL;
border-image-width: TopBottom LeftRight;
border-image-width: Top LeftRight Bottom;
border-image-width: Top Left Bottom Right;

/* 1 valor para todos los costados. */
/* 2 valores : arriba y abajo, derecha y izquierda. */
/* 3 valores : arriba, derecha y izquierda, abajo.*/
/* 4 valores : arriba, derecha, abajo, izquierda. */
Podemos especificar hasta 4 valores (uno por cada costado).
Si especificamos solo un valor, se aplicará a los 4 costados.
Si especificamos 2 valores, el primer valor se asignará a top / bottom, y el segundo valor a left / right.
Si especificamos 3 valores, el primer valor se asignará al top, el segundo al right, y el tercero al bottom.
Si especificamos 4 valores, el primer valor se asignará al top, el segundo al right, y el tercero al bottom, y el cuarto al left.

Valor Tamaño para el borde de la imagen, se puede especificar cualquier medida de unidad siempre que no sea negativa.


Código de ejemplo



Compatibilidad

Esta propiedad es soportada por todos los navegadores compatibles con CSS3.

Soportado a partir de la versión 15
Soportado a partir de la versión 16
Soportado a partir de la versión 15
Soportado a partir de la versión 6
Soportado a partir de la versión 11

Documento modificado por última vez : 30/12/2020
Ejemplo modificado por última vez : 30/12/2020

Enlaces relacionados