CSS właściwość outline-color

Definicja i użycie

Outline (kontur) to linia rysowana wokół elementu, poza krawędzią ramki, która może podkreślić element. Atrybut outline może ustawić linię konturu wokół elementu.

Komentarz:Zawsze deklaruj atrybut outline-style przed atrybutem outline-color. Element musi mieć kontur, aby można było zmienić jego kolor.

Komentarz:Linia konturu nie zajmuje miejsca i nie musi być prostokątna.

Atrybut outline-color ustawia kolor widocznego fragmentu konturu elementu. Pamiętaj, że styl konturu nie może być none, w przeciwnym razie kontur nie będzie widoczny.

Zobacz również:

Tutorial CSS:Kontur CSS

Podręcznik CSS:Atrybut outline

Podręcznik HTML DOM:Atrybut outlineColor

Przykład

Ustawienie koloru konturu w stylu kropkowanym:

p
  {
  outline-style:dotted;
  outline-color:#00ff00;
  }

Spróbuj sam

Gramatyka CSS

outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Wartość atrybutu

Wartość Opis
color_name Zdefiniuj kolor konturu jako nazwę koloru (np. red).
hex_number Zdefiniuj kolor konturu jako wartość szesnastkową (np. #ff0000).
rgb_number Zdefiniuj kolor konturu jako kod rgb (np. rgb(255,0,0)).
invert Domyślnie. Wykonaj kolorową inwersję (kolory odwrotne). Może to uczynić kontur widocznym na różnych kolorach tła.
inherit Zaleca się, aby ustawienia koloru konturu były dziedziczone od elementu nadrzędnego.

Szczegóły techniczne

Domyślna wartość: invert
Inherencyjność: nie
Wersja: CSS2
Język JavaScript: obiekt.style.outlineColor="#0000FF"

Próbuj sam

Ustawienie koloru konturu
Ten przykład pokazuje, jak ustawić kolor konturu.

Obsługa przeglądarek

Liczby w tabeli wskazują pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

Komentarz:Jeśli określono !DOCTYPE, to IE8 obsługuje właściwość szablowania.