CSS - contorno-cor-estilo

Descrição

A propriedade cor de contorno determina o estilo de um contorno em torno de um elemento.

Valores possíveis

none - Nenhum contorno é desenhado.
dotted - O contorno é desenhado como uma série de pontos.
dashed - O contorno é desenhado como uma série de segmentos de linha curta.
solid - O contorno é desenhado como uma única linha contínua.
double - O contorno é desenhado como um par de linhas contínuas.
groove - O contorno é desenhado como se fosse um sulco esculpido na superfície do documento.
ridge - O contorno é desenhado como se fosse uma crista que empurra a superfície do documento.
inset - O contorno é desenhado como se o elemento inteiro estivesse empurrando a superfície do documento para longe do usuário.
outset - O contorno é desenhado como se todo o elemento empurrasse a superfície do documento em direção ao usuário.

Aplica-se a

Todos os elementos HTML.

Sintaxe DOM

object.style.outlineStyle = "solid";

Exemplo

Aqui está o exemplo -

<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>

Isso produzirá o seguinte resultado -

↰ Previous page