CSS property border-left-color
- poprzednia strona border-left
- następna strona border-left-style
Definicja i zastosowanie
border-left-color ustawia kolor lewego paska elementu.
Można zdefiniować tylko czysty kolor, a pasek może 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 uzyskać pasek przed zmianą koloru.
Zobacz również:
CSS Tutorial:Obramowanie CSS
CSS Reference Manual:border-left attribute
HTML DOM Reference Manual:borderLeftColor attribute
Przykład
Ustawienie koloru lewego paska:
p { border-style:solid; border-left-color:#ff0000; }
CSS syntax
border-left-color: color|transparent|initial|inherit;
Wartość atrybutu
Wartość | Opis |
---|---|
color_name | Zdefiniowano kolor paska jako nazwę koloru (np. red). |
hex_number | Zdefiniowano kolor paska jako wartość szesnastkową (np. #ff0000). |
rgb_number | Zdefiniowano kolor paska jako kod rgb (np. rgb(255,0,0)). |
transparent | Domyślna wartość. Kolor paska jest przezroczysty. |
inherit | Zdefiniowano, że kolor paska powinien być dziedziczony od elementu nadrzędnego. |
Techniczne szczegóły
Domyślna wartość: | not specified |
---|---|
Inheritance: | no |
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".
- poprzednia strona border-left
- następna strona border-left-style