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

libro de referencia CSS

reglas CSS @

propiedades CSS

CSS outline-size

outline-Método de uso y ejemplo de la propiedad widthoutlineMás conveniente y preferible.

La tabla siguiente proporciona una descripción de uso y un historial de versiones de esta propiedad, así como la sintaxis de uso en scripts de JavaScript.

Valor predeterminado:medium
Aptitud para:Todos los elementos
Herencia:No
Animable:Sí.es. Consulte.
Atributos de animaciónVersión: 2CSS3
Sintaxis de JavaScript:object

outline-.style.outlineWidth="medium"

Sintaxis de uso de width

outline-La sintaxis de esta propiedad es la siguiente:

width: thin | medium | thick | length | initial | inherit-Los siguientes ejemplos muestran cómo usar outline

  Ejemplo
   outline-p {
   outline-style: solid;
  width: thick;
}/Prueba a ver‹

Nota:-propiedad width debe declararse antesoutline-styleAtributo. El elemento debe tener un contorno antes de poder establecer el ancho del contorno, porque el outline-El valor predeterminado del atributo style es none.

Valor de la propiedad

La tabla siguiente describe los valores de esta propiedad.

ValorDescripción
thinContorno fino.
mediumContorno medio.
thickContorno grueso.
lengthValores numéricos en unidades de px, em, etc. No se permite el uso de valores negativos.
inheritSi se especifica, el elemento relacionado utiliza el outline del elemento padre-Valor de la propiedad width.

Compatibilidad del navegador

outline-La compatibilidad del navegador para la propiedad width, los números en la tabla siguiente representan la versión mínima de los navegadores que admiten esta propiedad; todos los navegadores principales admiten esta propiedad.

  • Firefox 1.5Los siguientes

  • Google Chrome1+

  • Internet Explorer 8+

  • Apple Safari 1.2+

  • Opera 7+

Advertencia: Internet Explorer 7y versiones anteriores no soportan este outline-propiedad width. IE8Soporta este atributo, pero requiere una<!DOCTYPE>.

Leer más

Consulte los tutoriales relacionados con el siguiente contenido:Contorno CSS,Borde CSS.

Atributos relacionados:outline,outline-style,outline-color.