Maison  >  Article  >  interface Web  >  Comment utiliser la propriété CSS outline-color

Comment utiliser la propriété CSS outline-color

青灯夜游
青灯夜游original
2019-05-28 10:06:042978parcourir

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

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 :

Comment utiliser la propriété CSS outline-color

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:
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
Article précédent:que sont les règles CSSArticle suivant:que sont les règles CSS