Propiedad de desplazamiento de contorno CSS
Ejemplo
Especifique un contorno rojo sólido de 4 píxeles 15 píxeles fuera del borde del borde:
div
{
outline: 4px solid red;
outline-offset: 15px;
}
Definición y uso
La outline-offset
propiedad agrega espacio entre el contorno y el borde o borde de un elemento.
El espacio entre un elemento y su contorno es transparente.
Los contornos difieren de los bordes de tres maneras:
- Un contorno es una línea dibujada alrededor de los elementos, fuera del borde del borde.
- Un esquema no ocupa espacio
- Un contorno puede ser no rectangular
Valor por defecto: | 0 |
---|---|
Heredado: | No |
Animable: | si, ver propiedades individuales . Leer sobre animable |
Versión: | CSS3 |
Sintaxis de JavaScript: | objeto .style.outlineOffset="15px" |
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
outline-offset | 4.0 | 15.0 | 3.5 | 3.1 | 10.5 |
Sintaxis CSS
outline-offset: length|initial|inherit;
Valores de propiedad
Value | Description |
---|---|
length | The distance the outline is outset from the border edge. Default value is 0 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
páginas relacionadas
Tutorial de CSS: interfaz de usuario de CSS
Referencia HTML DOM: propiedad outlineOffset