CSS属性border-top-color

Definicja i użycie

border-top-color ustawia kolor górnej krawędzi elementu.

Można zdefiniować tylko czysty kolor, a ramka może się pojawić tylko, gdy styl ramki ma wartość inną niż none lub hidden.

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

Inne

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 Zdefiniowano kolor ramki jako nazwę koloru (np. red).
hex_number Zdefiniowano kolor ramki jako wartość szesnastkową (np. #ff0000).
rgb_number Zdefiniowano kolor ramki jako wartość kodu rgb (np. rgb(255,0,0)).
transparent Domyślna wartość. Kolor ramki jest przezroczysty.
inherit Zdefiniowano, że kolor ramki powinien być dziedziczony od elementu nadrzędnego.

Szczegóły techniczne

Domyślna wartość: nie określono
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: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".