English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referencia de CSS

Reglas CSS @

大全 de Atributos CSS

CSS3 outline-Uso y ejemplo de la propiedad offset

outline-La propiedad CSS offset se utiliza para establecer outline-La propiedad CSS offset se utiliza para establecer el espacio entre el contorno y el borde o el borde del elemento. El espacio entre el contorno y el borde o el borde del elemento.

La tabla a continuación proporciona una descripción de uso y registro histórico de la propiedad, así como la sintaxis de uso en scripts de JavaScript.

Valor predeterminado:0
Aplique a:Todos los elementos
Herencia:No
Animable:Es.Consulte Atributos de animación.
Versión: CSS3nuevas características
JavaScript sintaxis:objeto.style.outlineOffset="15px"

outline-Sintaxis de uso de offset

La sintaxis de este atributo es la siguiente:

outline-offset: longitud | initial | inherit

El siguiente ejemplo muestra cómo usar outline-propiedad offset

p {
    border: 2px sólido rojo;
    outline: 2px sólido verde;
    outline-offset: 10px;
}
Pruebe aquí‹/›

Valor de la propiedad

La tabla a continuación describe los valores de esta propiedad.

ValorDescripción
longitudEspecifique la distancia del borde del contorno hasta el borde del elemento. El valor predeterminado es 0. Un valor negativo colocará el contorno dentro del elemento.
initialEstablezca este atributo en su valor predeterminado.
inheritSi se especifica, el elemento asociado utiliza el outline del elemento padre-Valor de la propiedad offset.

Compatibilidad del navegador

outline-Compatibilidad del navegador para propiedades offset; los números en la tabla a continuación indican la versión mínima del navegador que admite la propiedad; todos los navegadores principales admiten esta propiedad.

  • Firefox 3.5+

  • Google Chrome4+

  • Internet Explorer ×

  • Apple Safari 3.1+

  • Opera 10.5+

Leer más

Consulte la siguiente guía:CSS esbozo,CSS borde.

Propiedades relacionadas:outline,outline-width,outline-style,outline-color.