Maison > interface Web > tutoriel CSS > Propriétés du style de contour CSS

Propriétés du style de contour CSS

WBOY
Libérer: 2023-09-19 09:25:02
avant
1464 Les gens l'ont consulté

L'attribut

CSS 轮廓样式属性

outline-style spécifie le style de la ligne entourant l'élément. Il peut prendre l'une des valeurs suivantes -

  • Aucun - Pas de frontières. (Équivalent à la largeur du contour : 0 ;)
  • ligne continue - Un contour est une ligne continue.
  • Ligne pointue - Un contour est une série de points.
  • Lignes pointillées - Un contour est une série de lignes courtes.
  • Double - Le contour est constitué de deux lignes pleines.
  • Grooves - Les contours semblent être gravés dans la page.
  • Ridge - Aspect profilé avec rainures.
  • Insérer - Le contour donne l'impression que la boîte est intégrée dans la page.
  • Commencer - Les contours donnent l'impression que la boîte est intégrée dans la page. Le cadre semble sortir de la toile.
  • Masquer - Identique à Aucun.

Exemple

Vous pouvez essayer d'exécuter le code suivant pour implémenter l'attribut outline-style -

<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>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:tutorialspoint.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal