Heim >Web-Frontend >CSS-Tutorial >So verwenden Sie die CSS-Outline-Color-Eigenschaft
So verwenden Sie die CSS-Outline-Color-Eigenschaft
- 青灯夜游Original
- 2019-05-28 10:06:043075Durchsuche
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.
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>Rendering:
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!