English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
contorno-La propiedad style establece el estilo del contorno del elemento CSS. Sin embargo, en el trabajo, preferimos usarcontornoEste atributo abreviado.
La tabla a continuación proporciona una descripción de uso y registro histórico de este atributo, así como la sintaxis de uso en scripts de JavaScript.
| Valor predeterminado: | none |
|---|---|
| Aplicable a: | Todos los elementos |
| Herencia: | Ninguno |
| Animable: | No.Por favor, consulte Atributos de animación。 |
| Versión: | CSS 2、3 |
| Sintaxis de JavaScript: | object.style.outlineStyle="punteado" |
La sintaxis de este atributo es la siguiente:
contorno-style: sin estilo | punteado | discontinuo | sólido | doble | surco | ribete | inserto | saliente | inicial | heredado
Los siguientes ejemplos muestran cómo usar outline-Atributo style.
p {
contorno-style: double;
contorno-width: 5px;
}Prueba para ver‹/›La tabla siguiente describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| none | No mostrar contorno. Este es el valor predeterminado. |
| dotted | Mostrar el contorno como una serie de puntos. |
| dashed | Mostrar el contorno como una serie de segmentos cortos, es decir, guiones. |
| solid | Mostrar el contorno como una línea continua. |
| double | Mostrar el contorno como dos líneas paralelas discontinuas, dejando un espacio entre ellas. La suma de las dos líneas y el espacio entre ellas es igual acontorno-widthEl valor. |
| groove | Mostrar un contorno grabado en el lienzo. Da3La impresión de D, generalmente se realiza creando dos sombras de colores, y estas sombras de colores son máscontorno-colorEl color es un poco más claro y más oscuro. |
| ridge | Mostrar un contorno groove que es opuesto al efecto. También da3La impresión de D, parece que sale del lienzo. |
| inset | Mostrar hace que la caja del elemento parezca estar incrustada en el lienzo. Da3La impresión de D, generalmente se realiza creando dos sombras de colores, y estas sombras de colores son máscontorno-colorEl color es un poco más claro y más oscuro. |
| outset | Mostrar un contorno outset que es opuesto al efecto. También da3La impresión de D, el contorno hace que la caja parezca salir del lienzo. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado utiliza el contorno del elemento padre-Valor del atributo style |
contorno-La compatibilidad del navegador del atributo style, los números en la tabla siguiente representan la versión mínima del navegador que admite este atributo; todos los navegadores principales admiten este atributo.
|
Advertencia: Internet Explorer 7y versiones anteriores no soportan este contorno-atributo style. IE8Soporta este atributo, pero necesita un<!DOCTYPE>。
Por favor, consulte las instrucciones relacionadas con el siguiente contenido:Contorno CSS，Borde CSS。
Atributos relacionados:contorno，contorno-color，contorno-width。