Atrybut border-top CSS

Definicja i zastosowanie

Skrócona właściwość border-top umieszcza wszystkie właściwości górnej krawędzi w jednym deklaracji.

Możesz ustawiać następujące właściwości w kolejności:

Jeśli nie ustawisz pewnej wartości, nie będzie to problemem, np. border-top:solid #ff0000; jest dozwolone.

Zobacz również:

Kurs CSS:Prawa granicy w CSS

Podręcznik HTML DOM:Właściwość borderTop

Przykład

Ustawienie stylu górnej krawędzi:

p
  {
  border-style:solid;
  border-top:gruba podwójna #ff0000;
  }

Spróbuj sam

Gramatyka CSS

border-top: border-width border-style border-color|initial|inherit;

Wartość atrybutu

Wartość Opis
border-top-width Określa szerokość górnej krawędzi. Zobacz:border-top-width możliwe wartości.
border-top-style Określa styl górnej krawędzi. Zobacz:border-top-style możliwe wartości.
border-top-color Określa kolor górnej krawędzi. Zobacz:border-top-color możliwe wartości.
inherit Określa, że wartość border-top powinna być dziedziczona od elementu nadrzędnego.

Szczegółowe informacje techniczne

Domyślna wartość: nie określone
Inheredowanie: nie
Wersja: CSS1
Gramatyka JavaScript: object.style.borderTop="3px solid blue"

Więcej przykładów

Wszystkie właściwości border-top w jednym deklaracji
Ten przykład pokazuje, jak używać skróconych właściwości, aby ustawić wszystkie wartości border-top w jednym deklaracji.

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która obsługuje tę właściwość w pełni.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Komentarz:Przeglądarki IE7 i wcześniejsze nie obsługują wartości "inherit". IE8 wymaga !DOCTYPE. IE9 obsługuje "inherit".