CSS: estilo de color de contorno

Descripción

La propiedad de color de contorno determina el estilo de un contorno alrededor de un elemento.

Valores posibles

none - No se dibuja ningún contorno.
dotted - El contorno se dibuja como una serie de puntos.
dashed - El contorno se dibuja como una serie de segmentos de línea cortos.
solid - El contorno se dibuja como una única línea continua.
double - El contorno se dibuja como un par de líneas continuas.
groove - El contorno se dibuja como si fuera un surco tallado en la superficie del documento.
ridge - El contorno se dibuja como si fuera una cresta que empuja hacia arriba la superficie del documento.
inset - El contorno se dibuja como si todo el elemento empujara la superficie del documento lejos del usuario.
outset - El contorno se dibuja como si todo el elemento empujara la superficie del documento hacia el usuario.

Se aplica a

Todos los elementos HTML.

Sintaxis DOM

object.style.outlineStyle = "solid";

Ejemplo

Aquí está el ejemplo:

<html>
   <head>
   </head>
   
   <body>
      <p style = "outline-width:thin; outline-style:solid;">
         This text is having thin solid  outline.
      </p>
      <br />
      
      <p style = "outline-width:thick; outline-style:dashed;">
         This text is having thick dashed outline.
      </p>
      <br />
      
      <p style = "outline-width:5px;outline-style:dotted;">
         This text is having 5x dotted outline.
      </p>
   
   </body>
</html>

Esto producirá el siguiente resultado:

↰ Previous page