En CSS, le contour fait référence à l'attribut qui définit le contour d'un élément. Vous pouvez spécifier le style, la couleur et la largeur du contour de l'élément. outline est un attribut raccourci. Vous pouvez définir le style, la couleur et la largeur simultanément dans une seule instruction dans l'ordre. La syntaxe est "outline:outline-color outline-style outline-width;"; , aucune erreur ne se produira.
L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
Contour CSS (contour)
Le contour (contour) est une ligne tracée autour d'un élément, située à l'extérieur du bord de la bordure, qui permet de mettre en évidence l'élément.
L'attribut outline spécifie le style, la couleur et la largeur du contour de l'élément. La propriété raccourcie
outline définit toutes les propriétés de contour dans une seule déclaration.
Les attributs qui peuvent être définis sont (dans l'ordre) : outline-color, outline-style, outline-width
| value | description |
|---|---|
| outline-color | spécifie la couleur du frontière. |
| outline-style | précise le style de la bordure. |
| outline-width | Spécifie la largeur de la bordure. |
Si vous ne définissez aucune des valeurs, il n'y aura aucun problème. Par exemple, outline:solid #ff0000; est également autorisé.
Exemple : Définir un contour autour des éléments
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
p {
border: 1px solid red;
outline: green dotted thick;
}
</style>
</head>
<body>
<p>测试文本， outline属性样式。</p>
</body>
</html>
(Partage de vidéos d'apprentissage : Démarrer avec l'interface Web)
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
