CSS3 frontera imagen al ancho de atributo
Ejemplos
Especifica la anchura del borde de la imagen:
div
{
border-image-source: url(border.png);
border-image-width: 30 30;
}
{
border-image-source: url(border.png);
border-image-width: 30 30;
}
Soporte para el navegador
Las cifras de la tabla representan el primer navegador compatible con el número de versión de la propiedad.
属性 | |||||
---|---|---|---|---|---|
border-image-width | 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
Definiciones de atributos e instrucciones
La anchura del atributo de la frontera -width imagen especifica el borde de la imagen.
Por defecto: | 1 |
---|---|
herencia: | no |
Version: | CSS3 |
la sintaxis de JavaScript: | objetar .style.borderImageWidth = "30 30" |
gramática
border-image-width:number|%|auto;
Nota: Los valores -width cuatro frontera imagen especificados para el área de la imagen frontera se divide en nueve secciones.En nombre de ellos, derecha, abajo, izquierda, hacia el interior desde los lados. Si se omite el cuarto valor, y que el segundo es idéntico. Si también omite la tercera, y es el mismo que el primero. Si también omite el segundo, y es el mismo que el primero. Los valores negativos no están permitidos.
valor | explicación |
---|---|
número | Indica que los correspondientes múltiplos border-width |
% | Ancho de la zona de altura área desplazada lateralmente, desplazamiento vertical: el tamaño del límite del área de imagen |
auto | Si se especifica, la anchura intrínseca es la anchura o la altura del correspondiente corte de imagen |