So verwenden Sie die CSS-Outline-Color-Eigenschaft-CSS-Tutorial-php.cn

So verwenden Sie die CSS-Outline-Color-Eigenschaft

青灯夜游

Freigeben： 2019-05-28 10:06:04

Original

3006 Leute haben es durchsucht

Ein Umriss ist eine Linie, die um ein Element herum gezeichnet wird, knapp außerhalb des Randes. Das Attribut „outline-color“ wird verwendet, um die Farbe des sichtbaren Teils des gesamten Umrisses eines Elements festzulegen. Das Attribut „outline-style“ muss immer vor dem Attribut „outline-color“ deklariert werden; ein Element kann seine Farbe erst ändern, wenn es einen Umriss hat.

So verwenden Sie die CSS-Outline-Color-Eigenschaft

Wie verwende ich die CSS-Outline-Color-Eigenschaft? Die Eigenschaft

outline-color legt die Farbe des sichtbaren Teils des gesamten Umrisses eines Elements fest. Denken Sie daran, dass der Umrissstil nicht „None“ sein darf, da der Umriss sonst nicht angezeigt wird.

Hinweis:

Deklarieren Sie immer das Attribut „outline-style“ vor dem Attribut „outline-color“. Ein Element kann die Farbe seines Umrisses erst ändern, nachdem es den Umriss erhalten hat.

Hinweis:

Umriss ist der Rand um das Element, er stammt jedoch von einem anderen Rahmenattribut.

Der Umriss ist nicht Teil der Abmessungen des Elements, daher umfassen die Breiten- und Höheneigenschaften des Elements nicht die Breite des Umrisses. Konturen nehmen keinen Platz ein und sind nicht unbedingt rechteckig.

CSS-Outline-Color-Eigenschaftsbeispiel

<!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>

Nach dem Login kopieren

Rendering:

So verwenden Sie die CSS-Outline-Color-Eigenschaft

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die CSS-Outline-Color-Eigenschaft. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!