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

Comment utiliser la propriété CSS outline-color

青灯夜游
Libérer: 2019-05-28 10:06:04
original
3038 Les gens l'ont consulté

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

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!

Étiquettes associées:
css
source:php.cn
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