CSS - contour

La description

La propriété contour est une propriété abrégée qui est utilisée pour définir la largeur, la couleur et le style d'un contour autour d'un élément.

Valeurs possibles

  • <outline-color> - Toute valeur autorisée de la propriété contour-color.

  • <outline-style> - Toute valeur autorisée du style de contour de la propriété.

  • <outline-width> - Toute valeur autorisée de la propriété contour-width.

S'applique à

Tous les éléments HTML.

Syntaxe DOM

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

Exemple

Voici l'exemple -

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

Cela produira le résultat suivant -