Estilo borderImageOutset Propiedad
Ejemplo
Coloque el borde fuera de los bordes del elemento <div>:
document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";
Definición y uso
La propiedad borderImageOutset establece o devuelve la cantidad en la que el área de la imagen del borde se extiende más allá del cuadro del borde.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
borderImageOutset | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
¡Observa la propiedad borderImage en su lugar!
Sintaxis
Devuelve la propiedad borderImageOutset:
object.style.borderImageOutset
Establezca la propiedad borderImageOutset:
object.style.borderImageOutset = "length|number|initial|inherit"
Nota: La propiedad borderImageOutset especifica la cantidad en la que el área de la imagen del borde se extiende más allá del cuadro del borde. en los lados superior, derecho, inferior e izquierdo. Si se omite el cuarto valor, es lo mismo que el segundo. Si también se omite el tercero, es lo mismo que el primero. Si también se omite el segundo, es lo mismo que el primero. No se permiten valores negativos para ninguno de los valores borderImageOutset.
Valores de propiedad
Value | Description |
---|---|
length | A length unit specifying how far from the edges the border-image will appear. Default value is 0 |
number | Represent multiples of the corresponding border-width |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalles técnicos
Valor por defecto: | 0 |
---|---|
Valor de retorno: | Una cadena, que representa la propiedad border-image-outset de un elemento |
Versión CSS | CSS3 |
páginas relacionadas
Referencia CSS: propiedad border-image-outset