English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La propiedad outline establece el ancho, estilo y color de todos los cuatro lados del contorno del elemento. Se utiliza para establecer varios atributos de contorno en una sola declaración (es decir,outline-width,outline-styleYoutline-colorAcrónimo de propiedades.
La tabla a continuación proporciona una descripción de uso y registro histórico de versiones de esta propiedad, así como la sintaxis de uso en scripts de JavaScript.
| Valor predeterminado: | Ver todas las propiedades |
|---|---|
| Aplicable a: | Todos los elementos |
| Herencia: | No |
| Producción de animación: | Sí, porque ciertos atributos de abreviatura pueden establecer animaciones.Consulte Atributos de animación. |
| Versión: | CSS 2,3 |
| Sintaxis de JavaScript: | objeto.style.outline="#cc0000 dotted thin" |
La sintaxis de este atributo es la siguiente:
outline: [ outline-Ancho outline-Estilo outline-color ] | initial | inherit
Nota:Si falta o se omite cualquier atributo enumerado anteriormente, se insertará el valor predeterminado del atributo (si lo hay). Para más detalles, consulte cada atributo.
El siguiente ejemplo muestra cómo usar el atributo outline.
p.one {
outline: 2px sólido #ff0000;
}
p.two {
color: #00ff00;
outline-top: 5px sólido;
}Prueba para ver‹/›Nota:Sioutline-colorfalta o no se especifica (por ejemplo, outline: 5px sólido;), se utilizarácolorel valor del atributo del elemento. Sin embargo, en algunas circunstancias especiales, se omitiráoutline-styleEste valor no mostrará ningún contorno porque outline-El valor predeterminado de styleproperty es none.
La tabla a continuación describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| outline-width | Establecer el ancho del contorno del elemento. |
| outline-style | Establecer el estilo de línea del contorno del elemento. |
| outline-color | Establecer el color del contorno del elemento. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento relacionado utiliza el valor del atributo outline del elemento padre. |
La compatibilidad del navegador del atributo outline, los números en la tabla a continuación representan la versión mínima del navegador que admite este atributo; todos los navegadores principales admiten este atributo.
|
Advertencia: Internet Explorer 7y las versiones anteriores no soportan este atributo de contorno. IE8Soporta este atributo, pero requiere un<!DOCTYPE>.
Consulte los siguientes tutoriales:CSS contorno,CSS borde.
Atributos relacionados:outline-width,outline-style,outline-color