Propiedad CSS border-image-width
Ejemplo
Especifique el ancho de la imagen del borde:
#borderimg
{
border-image-source: url(border.png);
border-image-width: 10px;
}
Definición y uso
La border-image-width
propiedad especifica el ancho de la imagen del borde.
Sugerencia: observe también la propiedad border-image (una propiedad abreviada para configurar todas las propiedades border-image-*).
Valor por defecto: | 1 |
---|---|
Heredado: | No |
Animable: | No. Leer sobre animable |
Versión: | CSS3 |
Sintaxis de JavaScript: | objeto .style.borderImageWidth="20px" |
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
border-image-width | 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
Sintaxis CSS
border-image-width: number|%|auto|initial|inherit;
Nota: La border-image-width
propiedad puede tomar de uno a cuatro valores (lados superior, derecho, inferior e izquierdo). Si se omite el cuarto valor, es lo mismo que el segundo. Si también se omite el tercero, es lo mismo que el primero. Si también se omite el segundo, es lo mismo que el primero.
Valores de propiedad
Value | Description | Play it |
---|---|---|
length | A length unit (px) specifying the size of the border-width | |
number | Default value 1. Represents multiples of the corresponding border-width | |
% | Refers to the size of the border image area: the width of the area for horizontal offsets, the height for vertical offsets | |
auto | If specified, the width is the intrinsic width or height of the corresponding image slice | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
páginas relacionadas
Tutorial de CSS: imágenes de borde CSS
Referencia CSS: propiedad border-image
Referencia CSS: propiedad border-image-outset
Referencia CSS: propiedad border-image-repeat
Referencia CSS: propiedad border-image-slice
Referencia CSS: propiedad border-image-source
Referencia HTML DOM: propiedad borderImageWidth