Maison >interface Web >tutoriel CSS >Propriétés du style de contour CSS
Propriétés du style de contour CSS
- WBOYavant
- 2023-09-19 09:25:021457parcourir
L'attribut
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>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!
Déclaration：
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer
Article précédent：Comment lire et mettre en pause une animation CSS à l'aide des propriétés personnalisées CSS ?Article suivant：Comment lire et mettre en pause une animation CSS à l'aide des propriétés personnalisées CSS ?