Atrybut outlineColor Style

Definicja i użycie

outlineColor Ustawia lub zwraca kolor konturu wokół elementu.

Kontur to linia otaczająca element. Wyświetla się wokół marginesu elementu. Jednak, różni się od Atrybut border Różne.

Kontur nie jest częścią wymiarów elementu, więc atrybuty szerokości i wysokości elementu nie zawierają szerokości konturu.

Inne źródła:

Kurs CSS:Krawędź CSS

Podręcznik CSS:Atrybut outline-color

Podręcznik HTML DOM:Atrybut outline

Przykład

Przykład 1

Zmiana koloru konturu elementu <div>:

document.getElementById("myDiv").style.outlineColor = "#00ff00";

Spróbuj sam

Przykład 2

Zwraca kolor ramki elementu <div>:

alert(document.getElementById("myDiv").style.outlineColor);

Spróbuj sam

Gramatyka

Zwracanie atrybutu outlineColor:

object.style.outlineColor

Ustawienie atrybutu outlineColor:

object.style.outlineColor = "color|invert|initial|inherit"

Wartość atrybutu

Wartość Opis
color

Określa kolor konturu.

Zobacz Wartości kolorów CSS، aby uzyskać pełną listę możliwych wartości kolorów.
invert Odwraca kolor konturu do przeciwnego wartości. Domyślnie.
initial Ustaw tę właściwość na jej wartość domyślną. Zobacz initial.
inherit Inherbuje tę właściwość od elementu nadrzędnego. Zobacz inherit.

Szczegółowe informacje techniczne

Domyślna wartość: invert
Zwracana wartość: Ciąg znaków, który reprezentuje kolor konturu elementu.
Wersja CSS: CSS2

Przeglądarka internetowa obsługuje

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie