CSS3 border-image-rebanada
Ejemplos
Interiormente desplazamiento de imagen especificado límite:
{
border-image-source: url(border.png);
border-image-slice: 50% 50%;
}
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-slice | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Definiciones de atributos e instrucciones
Border-image atributo -slice especifica el límite de la imagen compensada por dentro.
Por defecto: | 100% |
---|---|
herencia: | no |
Version: | CSS3 |
la sintaxis de JavaScript: | objetar .style.borderImageSlice = "50% 50%" |
gramática
Nota: Este atributo especifica la imagen en la parte superior, derecho, inferior, borde izquierdo migración hacia el interior, dividido en nueve regiones: cuatro esquinas, cuatro lados y medio.imagen intermedia será descartado (proceso totalmente transparente), a menos que rellene palabras clave. Si se omite el cuarto número / porcentaje de la misma, y la segunda el mismo. 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.
valor | explicación |
---|---|
número | representación digital del pixel de la imagen (imágenes de mapa de bits) o las coordenadas del vector (si la imagen es una imagen vectorial) |
% | El porcentaje del tamaño de la imagen es relativa: la altura de la anchura horizontal de la imagen de desplazamiento, desplazamiento vertical de la imagen |
llenar | Reservado porción intermedia de imagen |