CSS właściwość border-left

Definicja i użycie

Skrócona właściwość border-left ustawia wszystkie właściwości lewego paska w jednym deklaracie.

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

Jeśli któryś z wartości nie zostanie ustawiony, nie będzie to problemem, np. border-left:solid #ff0000; jest również dozwolony.

Zobacz również:

Kurs CSS:Krawędzie CSS

Podręcznik HTML DOM:Atrybut borderLeft

Przykład

Ustawienie stylu lewego paska:

p
  {
  border-style:solid;
  border-left:thick double #ff0000;
  }

Spróbuj sam

Gramatyka CSS

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

Wartość atrybutu

Wartość Opis
border-left-width Określa szerokość lewego paska. Zobacz:border-left-width możliwe wartości.
border-left-style Określa styl lewego paska. Zobacz:border-left-style możliwe wartości.
border-left-color Określa kolor lewego paska. Zobacz:border-left-color możliwe wartości.
inherit Określa, że wartość border-left powinna być dziedziczona od elementu nadrzędnego.

Szczegółowe informacje techniczne

Domyślna wartość: nie określone
Inherdowanie: nie
Wersja: CSS1
Język JavaScript: object.style.borderLeft="3px solid blue"

Więcej przykładów

Wszystkie właściwości lewego paska są w jednym deklaracie
Wszystkie właściwości lewego paska są w jednym deklaracie

Wsparcie 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 4.0 1.0 3.5 1.0

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