CSS property border-left-style

Definicja i użycie

border-left-style ustawia styl lewego paska elementu.

Pasek może pojawić się tylko wtedy, gdy wartość nie jest "none".

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

Zobacz również:

Kurs CSS:Krawędzie CSS

Podręcznik CSS:Atrybut border-left

Podręcznik HTML DOM:Atrybut borderLeftStyle

Przykład

Ustawienie stylu lewego paska:

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

Spróbuj sam

Gramatyka CSS

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

Wartość atrybutu

Wartość Opis
none Definiuje brak paska.
hidden Jest to to samo, co "none". Jednak w przypadku tabel stosuje się "hidden", aby rozwiązać konflikt pasków.
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 jest równa wartości border-width.
groove Definiuje 3D wklęsły pasek. Efekt zależy od wartości border-color.
ridge Definiuje 3D wzorzysty pasek. Efekt zależy od wartości border-color.
inset Definiuje 3D wewnętrzny pasek. Efekt zależy od wartości border-color.
outset Definiuje 3D boczny pasek. Efekt zależy od wartości border-color.
inherit Określa, że styl paska 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.borderLeftStyle="dotted"

Więcej przykładów

Ustawienie stylu lewego paska
Ten przykład pokazuje, jak ustawić styl lewego paska.

Współczynnik obsługi przeglądarki

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