CSS właściwość border-top-style

Definicja i użycie

border-top-style ustawia styl górnej krawędzi elementu.

Krawędź może pojawić się tylko, gdy ta wartość nie jest none.

W CSS1, przeglądarka HTML musi obsługiwać tylko solid i none.

Zobacz również:

Kurs CSS:Pasek CSS

Podręcznik CSS:Atrybut BorderLayout

Podręcznik HTML DOM:Atrybut BorderLayoutStyle

Przykład

Ustawianie stylu górnej krawędzi:

p
  {
  border-style:solid;
  border-top-style:dotted;
  }

Spróbuj sam

Gramatyka CSS

border-top-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Wartość atrybutu

Wartość Opis
none Definiuje brak krawędzi.
hidden Jest to to samo, co "none". Jednak w przypadku tabel używa się "hidden", aby rozwiązać konflikt krawędzi.
dotted Definiuje punktowaną linię. W większości przeglądarek jest przedstawiana jako ciągła linia.
dashed Definiuje przerywaną linię. W większości przeglądarek jest przedstawiana jako ciągła linia.
solid Definiuje ciągłą linię.
double Definiuje podwójną linię. Szerokość podwójnej linii równa się wartości border-width.
groove Definiuje 3D rowkowaty obręb krawędzi. Efekt zależy od wartości border-color.
ridge Definiuje 3D rowerowy obręb krawędzi. Efekt zależy od wartości border-color.
inset Definiuje 3D wciśnięty obręb krawędzi. Efekt zależy od wartości border-color.
outset Definiuje 3D wysunięty obręb krawędzi. Efekt zależy od wartości border-color.
inherit Zaleca się, aby styl krawędzi odziedziczyć od elementu nadrzędnego.

Szczegółowe informacje techniczne

Domyślna wartość: nie określono
Inheredność: nie
Wersja: CSS1
Gramatyka JavaScript: object.style.borderTopStyle="dotted"

Więcej przykładów

Ustawianie stylu górnej krawędzi
Ten przykład pokazuje, jak ustawić styl górnej krawędzi.

Obsługa przeglądarek

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

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2