Ejemplo
Especificar un esquema de 15 píxeles fuera del límite del borde:
div
{
border: 2px solid black;
outline: 2px solid red;
outline-offset: 15px;
}
Inténtalo tú mismo " Definición y Uso
La propiedad de esquema de compensación añade espacio entre un esquema y el borde o borde de un elemento.
Esquemas difieren de las fronteras de dos maneras:
- Un esquema es una línea trazada alrededor de los elementos, fuera del límite del borde
- Un esquema no ocupan espacio
- Un esquema puede ser no rectangular
Valor por defecto: | 0 |
---|---|
Heredado: | no |
animatable: | yes, see individual properties . Read about animatable Try it |
Versión: | CSS3 |
la sintaxis de JavaScript: | object .style.outlineOffset="15px" Try it |
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Propiedad | |||||
---|---|---|---|---|---|
outline-offset | 4.0 | No soportado | 3.5 | 3.1 | 10.5 |
sintaxis CSS
outline-offset:length|initial|inherit;
Valores de propiedad
Valor | Descripción |
---|---|
length | La distancia que el contorno es un principio desde el borde fronterizo. El valor por defecto es 0 |
initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
CSS3 tutorial: Interfaz de usuario CSS3
Referencia HTML DOM: outlineOffset property