Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So verwenden Sie die CSS-Outline-Color-Eigenschaft

青灯夜游
Freigeben: 2019-05-28 10:06:04
Original
3034 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!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage