CSS property 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 wartość nie jest none.

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

Zobacz również:

Kurs CSS:Prawa obramowania w CSS

Podręcznik CSS:Atrybut border-top

Podręcznik HTML DOM:Atrybut borderTopStyle

Przykład

Ustawienie 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", ale nie stosuje się do tabel. Dla tabel, "hidden" jest używane do rozwiązania konfliktów krawędzi.
dotted Definiuje punktowaną krawędź. W większości przeglądarek jest prezentowana jako ciągła linia.
dashed Definiuje przerywaną linię. W większości przeglądarek jest prezentowana jako ciągła linia.
solid Definiuje ciągłą linię.
double Definiuje podwójną linię. Szerokość podwójnej linii jest równa wartości border-width.
groove Definiuje 3D wklęsłą krawędź. Efekt zależy od wartości border-color.
ridge Definiuje 3D wypukłą krawędź. Efekt zależy od wartości border-color.
inset Definiuje 3D inset krawędź. Efekt zależy od wartości border-color.
outset Definiuje 3D outsaid krawędź. Efekt zależy od wartości border-color.
inherit Określa, że styl krawędzi powinien być dziedziczony 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

Ustawienie 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