CSS属性border-top-color
- Poprzednia strona border-top
- Następna strona border-top-left-radius
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; }
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".
- Poprzednia strona border-top
- Następna strona border-top-left-radius