CSS outline-stylePropiedad
Ejemplo
Establecer el estilo del outline:
p
{
outline-style:dotted;
}
{
outline-style:dotted;
}
Pruébalo »
Hay más ejemplos en la parte inferior de esta página.
Definición de la propiedad y uso
El outline (contorno) es una línea dibujada alrededor del elemento, en el exterior del borde.
La propiedad outline-style especifica el estilo del outline.
| Valor predeterminado: | none |
|---|---|
| Heredado: | no |
| Versión: | CSS2 |
| Sintaxis de JavaScript: | object.style.outlineStyle="dotted" |
Soporte del navegador
Los números en la tabla indican la primera versión del navegador que soporta la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| outline-style | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Consejos y notas
El outline rodea al elemento. Rodea el margen del elemento. Sin embargo, es diferente de las propiedades del borde.
El outline no forma parte del tamaño del elemento, por lo tanto las propiedades de ancho y alto del elemento no incluyen el ancho del outline.
Valores de la propiedad
| Valor | Descripción |
|---|---|
| none | Predeterminado. Define ningún contorno. |
| dotted | Define un contorno punteado. |
| dashed | Define un contorno discontinuo. |
| solid | Define un contorno sólido. |
| double | Define un contorno de doble línea. El ancho de la doble línea es igual al valor de outline-width. |
| groove | Define un contorno 3D en surco. Este efecto depende del valor de outline-color. |
| ridge | Define un contorno 3D en cresta. Este efecto depende del valor de outline-color. |
| inset | Define un contorno 3D hundido. Este efecto depende del valor de outline-color. |
| outset | Define un contorno 3D saliente. Este efecto depende del valor de outline-color. |
| inherit | Especifica que la configuración del estilo de contorno debe heredarse del elemento padre. |
Más ejemplos
Este ejemplo demuestra cómo establecer el estilo del outline.
Artículos relacionados
Tutorial de CSS:CSS Outline
Manual de referencia de CSS:Propiedad outline
Otras extensiones