English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Referenzhandbuch

CSS @Regel(RULES)

Vollständiges Verzeichnis der CSS-Attribute

CSS outline-color attribute usage and example

Kontur-color CSS Eigenschaft setzt die Farbe der Elementkontur. Allerdings verwenden wir in vielen Fällen häufigerKonturDiese Kurzschreibweise.

Die folgende Tabelle enthält die Anwendungsbeschreibungen und Versionshistorie dieses Attributes sowie die Verwendungssyntax in JavaScript-Skripten.

Standardwert:invert
Geeignet für:alle Elemente
Vererbung:keine
Animierbar:ist.Bitte beachten Sie Animationseigenschaften。
Version:CSS 2、3
JavaScript Syntax:object.style.outlineColor="#000000"

Kontur-Verwendungssyntax von color

color Syntax

Kontur-die Syntax dieses Attributes ist wie folgt:

color:　color　|　invert　|　initial　|　inherit-Die folgenden Beispiele zeigen, wie outline

　　Beispiel
　　　Kontur-p　{
　　　Kontur-style:　solid;
　　color:　#ff0000;
}/Testen Sie heraus‹

›Beachten Sie:-color Eigenschaft vor der DeklarationKontur-styleEigenschaft. Das Element muss eine Kontur haben, bevor die Farbe der Kontur festgelegt werden kann, da die-Der Standardwert von styleproperty ist none.

Eigenschaftswerte

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

WerteBeschreibung
colorBestimmen Sie die Farbe der Kontur. Sehen Sie sichCSS Farbwerteum eine Liste möglicher Farbwerte zu erhalten.
invertFühren Sie eine Farb inversion auf den Bildschirmpixeln durch, um sicherzustellen, dass die Kontur sichtbar ist, unabhängig von der Hintergrundfarbe. Dies ist der Standardwert.
initialSetzen Sie diesen Wert auf seinen Standardwert.
inheritWenn angegeben, wird der Verknüpfungselement der Outline des Elternelements verwendet-color Eigenschaftswerte.

Browserkompatibilität

Kontur-Kompatibilität der color Eigenschaft der Browser, die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer dar, die die Eigenschaft unterstützt; alle gängigen Browser unterstützen diese Eigenschaft.

  • Firefox 1.5Oben genannte

  • Google Chrome1+

  • Internet Explorer 8+

  • Apple Safari 1.2+

  • Opera 7+

Warnung: Internet Explorer 7und frühere Versionen unterstützen diese Kontur nicht-color Eigenschaft. IE8Diese Eigenschaft wird unterstützt, aber eine gültige<!DOCTYPE>。

Weiterlesen

Bitte beachten Sie die Anleitungen zu folgendem Inhalt:CSS Kontur，CSS Rahmen。

zusammenhängende Eigenschaften:Kontur，Kontur-width，Kontur-style。

CSS3 Kontur-offset EigenschaftCSS outline Eigenschaft