Un contour est une ligne tracée autour d'un élément, juste à l'extérieur du bord de la bordure. L'attribut outline-color est utilisé pour définir la couleur de la partie visible de tout le contour d'un élément. L'attribut outline-style doit toujours être déclaré avant l'attribut outline-color ; un élément ne peut pas changer de couleur tant qu'il n'a pas de contour.
Comment utiliser la propriété CSS outline-color ? La propriété
outline-color définit la couleur de la partie visible de tout le contour d'un élément. N'oubliez pas que le style de contour ne peut pas être nul, sinon le contour n'apparaîtra pas.
Remarque :
Déclarez toujours l'attribut outline-style avant l'attribut outline-color. La couleur du contour d'un élément ne peut être modifiée qu'une fois que ce dernier a obtenu son contour.
Remarque :
le contour est la marge autour de l'élément, cependant, il provient d'un attribut de bordure différent ;
Le contour ne fait pas partie des dimensions de l'élément, donc les propriétés de largeur et de hauteur de l'élément n'incluent pas la largeur du contour. Les contours ne prennent pas de place et ne sont pas forcément rectangulaires.
Exemple de propriété CSS outline-color
<!DOCTYPE>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
p {
border: red solid thin;
outline-style: dotted;
outline-color: #00ff00;
}
</style>
</head>
<body>
<p><b>注释：</b>只有在规定了 !DOCTYPE 时，Internet Explorer 8 （以及更高版本） 才支持 outline-color 属性。</p>
</body>
</html>Rendu :
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!
Actualités hebdomadaires de la plate-forme: applications Web dans Galaxy Store, histoires tappables, sous-réseau CSSApr 14, 2025 am 11:20 AMEn cette semaine, Roundup: Firefox Gains Gains Loksmith Powers, Samsung & # 039; S Galaxy Store commence à prendre en charge les applications Web progressives, CSS Sous-Grid est expédié dans Firefox
Actualités hebdomadaires de la plate-forme: mode explorateur Internet, rapport de vitesse dans la console de recherche, restreindre les invites de notificationApr 14, 2025 am 11:15 AMDans cette semaine, Roundup: Internet Explorer trouve son chemin, Google Search Console vante un nouveau rapport de vitesse et Firefox donne la notification de Facebook
La puissance (et le plaisir) de la portée avec les propriétés personnalisées CSSApr 14, 2025 am 11:11 AMVous êtes probablement déjà au moins un peu familier avec les variables CSS. Sinon, voici un aperçu de deux secondes: ils sont vraiment appelés propriétés personnalisées, vous définissez
Nous sommes programmeursApr 14, 2025 am 11:04 AMLa construction de sites Web est la programmation. L'écriture de HTML et CSS est la programmation. Je suis programmeur, et si vous êtes ici, en lisant CSS-Tricks,
Comment supprimer le CSS inutilisé d'un site?Apr 14, 2025 am 10:59 AMVoici ce que j'aimais ce que je vous aime à l'avant: c'est un problème difficile. Si vous avez atterri ici parce que vous espérez être pointé sur un outil que vous pouvez exécuter qui indique
Une introduction à l'API Web d'image dans l'imageApr 14, 2025 am 10:57 AMImage-in-Picture a fait sa première apparition sur le Web dans le navigateur Safari avec la sortie de MacOS Sierra en 2016. Il a permis à un utilisateur de faire éclater
Façons d'organiser et de préparer des images pour un effet flou à l'aide de GatsbyApr 14, 2025 am 10:56 AMGatsby fait un excellent traitement et la gestion des images. Par exemple, cela vous aide à gagner du temps avec l'optimisation de l'image parce que vous n'avez pas à
Oh hé, le pourcentage de rembourrage est basé sur la largeur de l'élément parentApr 14, 2025 am 10:55 AMJ'ai appris quelque chose sur le rembourrage basé sur le pourcentage (%) aujourd'hui que j'avais totalement tort dans ma tête! J'ai toujours pensé que le pourcentage de rembourrage était basé sur le
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Listes Sec
SecLists est le compagnon ultime du testeur de sécurité. Il s'agit d'une collection de différents types de listes fréquemment utilisées lors des évaluations de sécurité, le tout en un seul endroit. SecLists contribue à rendre les tests de sécurité plus efficaces et productifs en fournissant facilement toutes les listes dont un testeur de sécurité pourrait avoir besoin. Les types de listes incluent les noms d'utilisateur, les mots de passe, les URL, les charges utiles floues, les modèles de données sensibles, les shells Web, etc. Le testeur peut simplement extraire ce référentiel sur une nouvelle machine de test et il aura accès à tous les types de listes dont il a besoin.
Dreamweaver Mac
Outils de développement Web visuel
PhpStorm version Mac
Le dernier (2018.2.1) outil de développement intégré PHP professionnel
