0 FPS
Propiedad CSS : border-image-width
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.
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
Ejemplo modificado por última vez : 30/12/2020
Enlaces relacionados
- border
- border-bottom
- border-bottom-color
- border-bottom-left-radius
- border-bottom-right-radius
- border-bottom-style
- border-bottom-width
- border-color
- border-image
- border-image-outset
- border-image-repeat
- border-image-slice
- border-image-source
- border-left
- border-left-color
- border-left-style
- border-left-width
- border-radius
- border-right
- border-right-color
- border-right-style
- border-right-width
- border-top
- border-top-color
- border-top-left-radius
- border-top-right-radius
- border-top-style
- border-top-width
- border-width