English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Este border-image-La propiedad outsetCSS especifica la cantidad de la zona de imagen de borde que sobrepasa el cuadro del borde.
La tabla a continuación muestra la descripción de uso y el historial de versiones de esta propiedad, así como la sintaxis de uso de esta propiedad en el lenguaje de script JavaScript.
| Valor predeterminado: | 0 |
|---|---|
| Aplicable a: | Este atributo se puede aplicar a cualquier elemento, pero cuando el elemento de tabla (como tr, th, td) del borde-Cuando el valor del atributo collapse es collapse, el borde-image-El atributo outset no es válido. También se aplica a::first-letra. |
| Herencia: | No |
| Animable: | No.Ver también Atributos de animación. |
| Versión: | CSS3nueva característica |
| JavaScript sintaxis: | objeto.style.borderImageOutset="20 20" |
La sintaxis de este atributo es la siguiente:
borde-image-outset: length | number | initial | inherit
El siguiente ejemplo muestra cómo usar border-image-Atributo outset.
.box {
ancho: 300px;
altura: 150px;
borde: 15px sólido transparente;
borde-image-source: url("border.png");
borde-image-slice: 30;
borde-image-outset: 15px;
}Prueba y mira‹/›La tabla siguiente describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| longitud | Especifica la distancia absoluta o la distancia en unidades relativas que excede la imagen del borde del cuadro del borde. No se permite el uso de valores negativos. |
| número | Representa el ancho del borde o el ancho del cuadro del bordeborde-anchomultiplos del valor. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado utiliza el borde del elemento padre-image-Valores del atributo outset. |
borde-image-Compatibilidad del navegador del atributo outset, los números en la tabla siguiente representan la versión mínima de los navegadores que admiten esta propiedad; todos los navegadores principales admiten esta propiedad.
|
Por favor, consulte los siguientes tutoriales:CSS3 BordeyCSS Borde.
Propiedades relacionadas:borde-image,borde-image-fuente,borde-image-rebanar,borde-image-ancho,borde-image-repeat,borde.