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

libro de referencias CSS

reglas @CSS (RULES)

catálogo de propiedades CSS

Outline de CSS-Uso y ejemplo de la propiedad color

contorno-color CSS属性设置元素轮廓的颜色。然而,在许多情况下,我们更常用contornocolor CSS atributo establece el color del contorno del elemento. Sin embargo, en muchos casos, usamos más a menudo

Este atributo abreviado.

La tabla a continuación proporciona instrucciones de uso y registro histórico de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.invert
Valor predeterminado:Aplícase a:
Todos los elementosHerencia:
NoSe puede animar:es. Consulte
Atributos de animaciónCSS 2Versión:3
Sintaxis de JavaScript:object

contorno-.style.outlineColor="#000000"

Sintaxis de uso de color

contorno-La sintaxis de este atributo es la siguiente:

color: color | invert | initial | inherit-Los siguientes ejemplos demuestran cómo usar outline

  Ejemplo
   contorno-p {
   contorno-estilo: solid;
  color: #ff0000;
}/Prueba para ver‹

Nota:-Se debe declarar el atributo de color antes de usar outlinecontorno-estiloAtributo. El elemento debe tener un contorno antes de poder establecer el color del contorno, ya que el atributo-El valor predeterminado de styleproperty es none.

Valores del atributo

La tabla a continuación describe los valores de este atributo.

ValorDescripción
colorEspecifica el color del contorno. VerValores de color CSSpara obtener una lista de valores de color posibles.
invertInvierte los píxeles de la pantalla para asegurar que el contorno sea visible, independientemente del color de fondo. Este es el valor predeterminado.
initialEstablezca este atributo en su valor predeterminado.
inheritSi se especifica, el elemento relacionado utiliza el contorno del elemento padre-Valores del atributo de color.

Compatibilidad del navegador

contorno-La compatibilidad del navegador del atributo de color, 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.

  • Firefox 1.5Los anteriores

  • Google Chrome1+

  • Internet Explorer 8+

  • Apple Safari 1.2+

  • Opera 7+

Advertencia: Internet Explorer 7y versiones anteriores no soportan este contorno-atributo de color. IE8Soporta este atributo, pero requiere un<!DOCTYPE>

Leer más

Consulte los tutoriales relacionados con el siguiente contenido:Contorno CSSBorde CSS

Atributos relacionados:contornocontorno-anchocontorno-estilo