Ejemplo
Ajuste el color de un contorno de puntos:
p
{
outline-style: dotted;
outline-color: #00ff00;
}
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" .
La propiedad outline-color especifica el color de un esquema.
Note: declarar siempre la propiedad de estilo de esquema antes de la propiedad outline-color. Un elemento debe tener un esquema antes de cambiar el color de la misma.
| Valor por defecto: | invert |
|---|---|
| Heredado: | no |
| animatable: | yes, see individual properties . Read about animatable Try it |
| Versión: | CSS2 |
| la sintaxis de JavaScript: | object .style.outlineColor="#FF0000" Try it |
Notas y sugerencias
Un esquema es una línea alrededor de un elemento. Se muestra todo el margen del elemento. Sin embargo, es diferente de la propiedad border.
El esquema no es una parte de las dimensiones del elemento, por lo tanto, las propiedades de anchura y altura del elemento no contienen el ancho del contorno.
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-color | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Note: IE8 es compatible con la propiedad outline-color sólo si se especifica un! DOCTYPE.
sintaxis CSS
outline-color: invert|color|initial|inherit;Valores de propiedad
| Valor | Descripción | Juegalo |
|---|---|---|
| invert | Realiza una inversión de color. Esto asegura que el esquema es visible, independientemente de fondo de color. Esto es por defecto | Juegalo " |
| color | Especifica el color del contorno. Mira valores de color CSS para obtener una lista completa de los posibles valores de color. | Juegalo " |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial | Juegalo " |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
CSS tutorial: Esquema CSS
Referencia CSS: outline property
Referencia HTML DOM: outlineColor property