CSS属性 border-left-style

Definicja i użycie

border-left-style ustawia styl lewego paska elementu.

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

W CSS1, agent HTML musi obsługiwać tylko solid i none.

Zobacz również:

Kurs CSS:Prawa graniczne 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 krawędzi.
hidden Jest to to samo co "none", ale nie stosuje się do tabel. Dla tabel, "hidden" jest używane do rozwiązania konfliktu krawędzi.
dotted Definiuje krawędź punktowaną. W większości przeglądarek jest prezentowana jako linia ciągła.
dashed Definiuje linię przerywaną. W większości przeglądarek jest prezentowana jako linia ciągła.
solid Definiuje linię ciągłą.
double Definiuje podwójną linię. Szerokość podwójnej linii jest równa wartości border-width.
groove Definiuje 3D groove krawędź. Efekt zależy od wartości border-color.
ridge Definiuje 3D ridge krawędź. Efekt zależy od wartości border-color.
inset Definiuje 3D inside krawędź. Efekt zależy od wartości border-color.
outset Definiuje 3D outsidet 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
Język JavaScript: object.style.borderLeftStyle="dotted"

Więcej przykładów

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

Wspierane 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