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!
Wie entfernen Sie ungenutzte CSS von einer Website?Apr 14, 2025 am 10:59 AMHier ist das, was ich im Voraus wissen kann: Dies ist ein schwieriges Problem. Wenn Sie hier gelandet sind
Eine Einführung in die Bild-in-Bild-Web-APIApr 14, 2025 am 10:57 AMDas Bild-in-Bild trat mit der Veröffentlichung von MacOS Sierra im Jahr 2016 im Web im Websser auf. Es ermöglichte es einem Benutzer, ein Pop zu haben.
Möglichkeiten zur Organisation und Vorbereitung von Bildern für einen Unschärfeneffekt mit GatsbyApr 14, 2025 am 10:56 AMGatsby macht großartige Arbeitsplätze, die Bilder verarbeiten und mit Bildern behandeln. Zum Beispiel hilft es Ihnen, Zeit mit Bildoptimierung zu sparen, da Sie nicht manuell manuell müssen
Oh hey, der Padding -Prozentsatz basiert auf der Breite des übergeordneten ElementsApr 14, 2025 am 10:55 AMIch habe heute etwas über prozentuale (%) Polsterung gelernt, das ich in meinem Kopf völlig falsch hatte! Ich dachte immer, dass die prozentuale Polsterung auf dem basiert
Wann ist SVG gegen die Verwendung von Leinwand zu verwendenApr 14, 2025 am 10:43 AMSVG und Canvas sind beide Technologien, die Dinge in Webbrowsern zeichnen können. Daher sind sie es wert, verglichen und zu verstehen, wenn man besser geeignet ist als die
Ein super seltsamer CSS -Fehler, der sich auf die Textauswahl auswirktApr 14, 2025 am 10:41 AMSie wissen, wie Sie (bis zu einem gewissen Grad) ausgewählten Text mit :: Selection style können? Nun, Jeff Starr entdeckte einen verdammten CSS -Fehler.
Zwei-Wert-Anzeigesyntax (und manchmal drei)Apr 14, 2025 am 10:40 AMSie kennen die Single-Value-Syntax: .Thing {Display: Block; }. Der Wert "Block" ist ein einzelner Wert. Es gibt viele Einzelwerte für die Anzeige. Für
Das Filterlisten dynamisch mit Vue auf der Serverseite ist einfacher als Sie denkenApr 14, 2025 am 10:39 AMIch habe kürzlich an der Artefaktkonferenz in Austin, TX, teilgenommen und wurde von einigen Gesprächen über die Zugänglichkeit durch die Linse der Standortleistung inspiriert. Es wurde
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
PHPStorm Mac-Version
Das neueste (2018.2.1) professionelle, integrierte PHP-Entwicklungstool
MantisBT
Mantis ist ein einfach zu implementierendes webbasiertes Tool zur Fehlerverfolgung, das die Fehlerverfolgung von Produkten unterstützen soll. Es erfordert PHP, MySQL und einen Webserver. Schauen Sie sich unsere Demo- und Hosting-Services an.
WebStorm-Mac-Version
Nützliche JavaScript-Entwicklungstools
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
MinGW – Minimalistisches GNU für Windows
Dieses Projekt wird derzeit auf osdn.net/projects/mingw migriert. Sie können uns dort weiterhin folgen. MinGW: Eine native Windows-Portierung der GNU Compiler Collection (GCC), frei verteilbare Importbibliotheken und Header-Dateien zum Erstellen nativer Windows-Anwendungen, einschließlich Erweiterungen der MSVC-Laufzeit zur Unterstützung der C99-Funktionalität. Die gesamte MinGW-Software kann auf 64-Bit-Windows-Plattformen ausgeführt werden.
