Ejemplo
Especificar el ancho de la frontera:
#borderimg
{
border-image-source: url(border.png);
border-image-width: 10px;
}
Inténtalo tú mismo " Definición y Uso
La propiedad border-image-anchura especifica el ancho de la frontera.
Consejo: También mirar la imagen frontera propiedad (a shorthand property for setting all the border-image-* properties) .
| Valor por defecto: | 1 |
|---|---|
| Heredado: | no |
| animatable: | no. Read about animatable |
| Versión: | CSS3 |
| la sintaxis de JavaScript: | object .style.borderImageWidth="20px" Try it |
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| border-image-width | 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
sintaxis CSS
border-image-width:number|%|auto|initial|inherit;Note: La propiedad border-image-anchura puede tomar de uno a cuatro valores (top, right, bottom, and left sides) . Si se omite el cuarto valor, es el mismo que el segundo. Si también se omite la tercera uno, es el mismo que el primero. Si también se omite el segundo uno, es el mismo que el primero.
Valores de propiedad
| Valor | Descripción | Juegalo |
|---|---|---|
| length | Una unidad de longitud (px) que especifica el tamaño del borde de ancho | Juegalo " |
| number | El valor por defecto 1. Representa múltiplos de la frontera-anchura que corresponde | Juegalo " |
| % | Se refiere al tamaño del área de imagen Frontera: la anchura de la zona de desplazamiento horizontal, la altura de las fugas verticales | Juegalo " |
| auto | Si se especifica, el ancho es el ancho intrínseco o la altura del correspondiente corte de imagen | Juegalo " |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial | Juegalo " |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
CSS3 tutorial: Imágenes CSS3 Frontera
CSS de referencia: border-image property
CSS Referencia: border-image-outset property
CSS Referencia: border-image-repeat property
CSS de referencia: border-image-slice property
CSS de referencia: border-image-source property
Referencia HTML DOM: borderImageWidth property