CSS - larghezza del contorno

Descrizione

La proprietà outline-width definisce la larghezza del contorno attorno a un elemento.

Possibili valori

  • length- Qualsiasi unità di lunghezza. Le unità di lunghezza per questa proprietà non possono essere negative.

  • thin - Un contorno più sottile di un contorno impostato su medio.

  • medium - Un contorno più spesso di un contorno impostato su sottile e più sottile di un contorno impostato su spesso.

  • thick - Un contorno più spesso di un contorno impostato su medio.

Si applica a

Tutti gli elementi HTML.

Sintassi DOM

object.style.outlineWidth = "thin";

Esempio

Ecco l'esempio:

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

Questo produrrà il seguente risultato: