Ejemplo
Ajuste el contorno alrededor de un <p> elemento:
p
{
outline: #00FF00 dotted thick;
}
Inténtalo tú mismo " Definición y Uso
Un esquema es una línea que se dibuja alrededor de los elementos (outside the borders) para hacer que el elemento "stand out" .
El esquema de propiedad abreviada establece todas las propiedades del contorno en una declaración.
Las propiedades que se pueden establecer, son (in order) : outline-color, el contorno de estilo, el contorno de ancho.
Si uno de los valores anteriores no aparece, por ejemplo, "outline:solid #ff0000;" , Se inserta el valor predeterminado de la propiedad que faltan, si los hubiere.
Nota: El esquema no es una parte de las dimensiones del elemento, por lo tanto propiedades de ancho y altura del elemento no contienen el ancho del contorno.
| Valor por defecto: | invert none medium |
|---|---|
| Heredado: | no |
| animatable: | yes, see individual properties . Read about animatable Try it |
| Versión: | CSS2 |
| la sintaxis de JavaScript: | object .style.outline="#0000FF dotted 5px" 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 | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Note: IE8 es compatible con la propiedad de esquema sólo si se especifica un! DOCTYPE.
sintaxis CSS
outline:outline-coloroutline-styleoutline-width|initial|inherit;Valores de propiedad
| Valor | Descripción |
|---|---|
| outline-color | Especifica el color del contorno |
| outline-style | Especifica el estilo del contorno |
| outline-width | Especifica el ancho del contorno |
| 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
CSS tutorial: Esquema CSS
Referencia HTML DOM: outline property