CSS3 border-image-outsetPropiedad
Ejemplo
Establecer la propiedad border-img-outset:
div
{
border-image-source: url(border.png);
border-image-outset: 30 30;
}
Soporte del navegador
Los números en la tabla indican la primera versión del navegador que soporta la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| border-image-outset | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Definición de la propiedad y notas de uso
border-image-outset se utiliza para especificar la cantidad de border-image-area que se dibuja fuera del borde.
| Valor por defecto: | 0 |
|---|---|
| Herencia: | no |
| Versión: | CSS3 |
| Sintaxis de JavaScript: | object.style.borderImageOutset="30 30" |
Sintaxis
border-image-outset: length|number;
Nota:border-image-outset se utiliza para especificar la cantidad de border-image-area que se dibuja fuera del borde. Incluye las partes superior e inferior y las partes izquierda y derecha. Si se omite el cuarto valor, es el mismo que el segundo. Si también se omite el tercero, es el mismo que el primero. Si también se omite el segundo, es el mismo que el primero. No se permiten valores negativos para border-im-outset.
| Valor | Descripción | Ejemplo |
|---|---|---|
| length | Establece la distancia entre la imagen del borde y el borde (border-image), el valor por defecto es 0. | Pruébalo » |
| number | Representa un múltiplo del border-width correspondiente. | Pruébalo » |