CSS - largeur du contour

La description

La propriété contour-width définit la largeur du contour autour d'un élément.

Valeurs possibles

  • length- Toute unité de longueur. Les unités de longueur de cette propriété peuvent ne pas être négatives.

  • thin - Un contour plus fin qu'un contour défini sur moyen.

  • medium - Un contour plus épais qu'un contour défini sur fin et plus fin qu'un contour défini sur épais.

  • thick - Un contour plus épais qu'un contour défini sur moyen.

S'applique à

Tous les éléments HTML.

Syntaxe DOM

object.style.outlineWidth = "thin";

Exemple

Voici l'exemple -

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

Cela produira le résultat suivant -