Atrybut border-left-color CSS

Definicja i użycie

border-left-color ustawia kolor lewego paska elementu.

Można zdefiniować tylko czysty kolor, a paski mogą się pojawić tylko, gdy styl paska nie jest wartością none lub hidden.

Komentarz:Zawsze deklaruj atrybut border-style przed atrybutem border-color. Element musi mieć paski, zanim zmienisz jego kolor.

Zobacz również:

CSS Tutorial:Krawędzie CSS

CSS Reference Manual:border-left property

HTML DOM Reference Manual:borderLeftColor property

Przykład

Ustawienie koloru lewego paska:

p
  {
  border-style:solid;
  border-left-color:#ff0000;
  }

Spróbuj sam

CSS syntax

border-left-color: color|transparent|initial|inherit;

Wartość atrybutu

Wartość Opis
color_name Zdefiniuj kolor paska za pomocą nazwy koloru (np. czerwony).
hex_number Zdefiniuj kolor paska za pomocą wartości szesnastkowej (np. #ff0000).
rgb_number Zdefiniuj kolor paska za pomocą kodu rgb (np. rgb(255,0,0)).
transparent Domyślna wartość. Kolor paska jest przezroczysty.
inherit Zaleca się, aby kolor paska był dziedziczony od elementu nadrzędnego.

Techniczne szczegóły

Domyślna wartość: nie określone
Inheredance: nie
Wersja: CSS1
JavaScript syntax: object.style.borderLeftColor="blue"

Więcej przykładów

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

Obsługa przeglądarek

Liczby w tabeli wskazują pierwszą wersję przeglądarki, która obsługuje pełną funkcjonalność tego atrybutu.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Komentarz:Przeglądarka Internet Explorer 6 (i wcześniejsze wersje) nie obsługuje wartości atrybutu "transparent".

Komentarz:Przeglądarki Internet Explorer 7 i wcześniejsze wersje nie obsługują wartości "inherit". Internet Explorer 8 wymaga !DOCTYPE. Internet Explorer 9 obsługuje "inherit".

" -->