CSS - stile colore contorno

Descrizione

La proprietà outline-color determina lo stile di una struttura attorno a un elemento.

Possibili valori

  • none - Nessun contorno è disegnato.

  • dotted - Il contorno è disegnato come una serie di punti.

  • dashed - Il contorno viene disegnato come una serie di brevi segmenti di linea.

  • solid - Il contorno è disegnato come una singola linea ininterrotta.

  • double - Il contorno è disegnato come una coppia di linee ininterrotte.

  • groove - Il contorno è disegnato come se fosse un solco scavato nella superficie del documento.

  • ridge - Il contorno è disegnato come se fosse una cresta che spinge verso l'alto la superficie del documento.

  • inset - Il contorno viene disegnato come se l'intero elemento spingesse la superficie del documento lontano dall'utente.

  • outset - Il contorno viene disegnato come se l'intero elemento spingesse la superficie del documento verso l'utente.

Si applica a

Tutti gli elementi HTML.

Sintassi DOM

object.style.outlineStyle = "solid";

Esempio

Ecco l'esempio:

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

Questo produrrà il seguente risultato: