Atrybut border-bottom-color CSS

Definicja i zastosowanie

Ustawienie border-bottom-color określa kolor dolnej krawędzi elementu.

Można zdefiniować tylko czysty kolor, a krawędź może się pojawić tylko, gdy styl krawędzi nie jest wartością none lub hidden.

Komentarz:Zawsze deklaruj atrybut border-style przed atrybutem border-color. Element musi mieć krawędź, zanim zmienisz jej kolor.

Zobacz również:

Tutorial CSS:Ramka CSS

Podręcznik CSS:Atrybut border-bottom

Podręcznik HTML DOM:Atrybut borderBottomColor

Przykład

Ustawienie koloru dolnej krawędzi:

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

Spróbuj sam

Język CSS

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

Wartość atrybutu

Wartość Opis
color_name Zdefiniuj kolor krawędzi jako nazwę koloru (np. czerwony).
hex_number Zdefiniuj kolor krawędzi jako wartość szesnastkową (np. #ff0000).
rgb_number Zdefiniuj kolor krawędzi jako kod rgb (np. rgb(255,0,0)).
transparent Domyślna wartość. Kolor krawędzi jest przezroczysty.
inherit Zaleca się, aby wartość atrybutu była dziedziczona od elementu nadrzędnego.

Szczegółowe informacje techniczne

Domyślna wartość: nie określono
Inheredność: nie
Wersja: CSS1
Język JavaScript: object.style.borderBottomColor="blue"

Więcej przykładów

Ustawienie koloru dolnej krawędzi
Ten przykład pokazuje, jak ustawić kolor dolnej krawędzi.

Obsługa przeglądarek

Liczby w tabeli wskazują na 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 nie obsługują wartości "inherit". Internet Explorer 8 wymaga !DOCTYPE. Internet Explorer 9 obsługuje "inherit".