CSS - esboço

Descrição

A propriedade contorno é uma propriedade abreviada que é usada para definir a largura, cor e estilo de um contorno em torno de um elemento.

Valores possíveis

<outline-color> - Qualquer valor permitido da cor de contorno da propriedade.
<outline-style> - Qualquer valor permitido do estilo de contorno da propriedade.
<outline-width> - Qualquer valor permitido de largura do contorno da propriedade.

Aplica-se a

Todos os elementos HTML.

Sintaxe DOM

object.style.outline = "thin solid red";

Exemplo

Aqui está o exemplo -

<html>
   <head>
   </head>
   
   <body>
      <p style = "outline:thin solid red;">
         This text is having thin solid red outline.
      </p>
      <br />
      
      <p style = "outline:thick dashed #009900;">
         This text is having thick dashed green outline.
      </p>
      <br />
      
      <p style = "outline:5px dotted rgb(13,33,232);">
         This text is having 5x dotted blue outline.
      </p>
   
   </body>
</html>

Isso produzirá o seguinte resultado -

↰ Previous page