CSS属性border-top-color

Definicja i zastosowanie

border-top-color ustawia kolor górnej 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 uzyskać krawędź przed zmianą jej koloru.

Zobacz również:

Kurs CSS:Obramowanie CSS

Podręcznik CSS:Atrybut BorderLayoutTop

Podręcznik HTML DOM:Atrybut BorderLayoutColor

Przykład

Ustawienie koloru górnej krawędzi:

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

Spróbuj sam

Gramatyka CSS

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

Wartość atrybutu

Wartość atrybutu

Wartość Opis
color_name Zdefiniuj kolor krawędzi jako nazwę koloru (np. red).
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 kolor krawędzi był dziedziczony od elementu nadrzędnego.

Szczegóły techniczne

Domyślna wartość: nie określone
Inheredowanie: nie
Wersja: CSS1
Język JavaScript: object.style.borderTopColor="blue"

Więcej przykładów

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

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