manual de referencia CSS

CSS @reglas(RULES)

catálogo de propiedades CSS

CSS3 borde-imagen-Atributo outset CSS borde-Atributo color

CSS3 borde-Métodos de uso y ejemplos de la propiedad image

borde-La propiedad image de CSS cómo usar imágenes en lugar de estilos de borde. Esta es una propiedad abreviada, que se utiliza para configurar simultáneamenteborde-imagen-fuente,borde-imagen-slice,borde-imagen-ancho,borde-imagen-outsetyborde-imagen-repeatPropiedad

La siguiente tabla describe el uso de esta propiedad y el historial de versiones, así como la sintaxis de uso en scripts de JavaScript.

Valor predeterminado:	ninguno 100 estiramiento; Ver todas las propiedades
Aplicable a:	Esta propiedad puede aplicarse a cualquier elemento, pero cuando se trata de elementos de tabla (como tr, th, td), el borde-Cuando el valor del atributo collapse es collapse, el borde-El atributo image no es válido. También se aplica a::first-letra.
Herencia:	No
Animable:	No.Ver Atributos de animación.
Versión:	CSS3nueva característica
JavaScript sintaxis:	objeto.style.borderImage="url(border.png) 30 30 redondear"

borde-Sintaxis de uso de image

La sintaxis de este atributo es la siguiente:

borde-image: [fuente slice ancho outset repeat] | inicial | heredado

Los siguientes ejemplos muestran cómo usar borde-Atributo image

Ejemplo

.box {
　　　　ancho:　300px;
　　　　altura:　150px;
　　　　borde:　15px sólido transparente;
　　　　-webkit-borde-image: url("border.png")　30　30 redondear;　/*　Safari　3.1-5　*/
　　　　-o-borde-image: url("border.png")　30　30 redondear;　/*　Opera　11-12.1　*/
　　　　borde-image: url("border.png")　30　30 redondear;
}

Prueba aquí‹/›

Valor del atributo

La tabla a continuación describe los valores de este atributo.

Valor	Descripción
borde-imagen-fuente	Especificar la posición de la imagen a usar para el borde.
borde-imagen-slice	Especificar el desplazamiento hacia adentro desde la parte superior, derecha, inferior e izquierda del borde de la imagen.
borde-imagen-ancho	Especificar el ancho del borde.
borde-imagen-outset	Especificar la cantidad de la imagen del borde que sobrepasa el borde.
borde-imagen-repeat	Especificar cómo escalar o repetir la parte central de la imagen del borde para que se ajuste al tamaño del borde.
initial	Establecer este atributo en su valor predeterminado.
inherit	Si se especifica, el elemento relacionado utiliza el borde del elemento padre-Valor del atributo image

Compatibilidad del navegador

borde-La compatibilidad del navegador del atributo image, los números en la tabla a continuación representan la versión mínima del navegador que admite este atributo; todos los navegadores principales admiten este atributo.

	Firefox 3.5+ ^-moz-,15 + Google Chrome 4+ ^-webkit-,16 + Internet Explorer 11+ Apple Safari 3.1+ ^-webkit-,6+ Opera 11+ ^-o-,15+ ^-webkit-

Leer más

Por favor, consulte el siguiente tutorial:CSS3 BordeyCSS Borde.

Atributos relacionados:borde-imagen-fuente,borde-imagen-slice,borde-imagen-ancho,borde-imagen-outset,borde-imagen-repeat,borde.

CSS3 borde-imagen-Atributo outset CSS borde-Atributo color