CSS właściwość border-bottom

Definicja i zastosowanie

Skrócona właściwość border-bottom umieszcza wszystkie właściwości dolnej krawędzi w jednym deklaracji.

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

Jeśli nie ustawisz jednej z wartości, nie będzie to problemem, np. border-bottom:solid #ff0000; jest dozwolone.

Zobacz również:

Tutorial CSS:Obramowanie CSS

Podręcznik HTML DOM:Właściwość borderBottom

Przykład

Ustaw styl dolnej krawędzi:

p
  {
  border-style:solid;
  border-bottom:thick dotted #ff0000;
  }

Spróbuj sam

Gramatyka CSS

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

Wartość właściwości

Wartość Opis
border-bottom-width Określa szerokość dolnej krawędzi. Zobacz:border-bottom-width możliwe wartości.
border-bottom-style Określa styl dolnej krawędzi. Zobacz:border-bottom-style możliwe wartości.
border-bottom-color Określa kolor dolnej krawędzi. Zobacz:border-bottom-color możliwe wartości.
inherit Określa, że wartość właściwości border-bottom powinna być dziedziczona od elementu nadrzędnego.

Szczegółowe informacje techniczne

Domyślna wartość: nie określono
Inheredność: nie
Wersja: CSS1
Język JavaScript: object.style.borderBottom="3px solid blue"

Więcej przykładów

Wszystkie właściwości dolnej krawędzi w jednej deklaracji
Ten przykład pokazuje, jak używać skróconych właściwości, aby ustawić wszystkie właściwości dolnej krawędzi w jednym deklaracji.

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

Komentarz:Przeglądarki Internet Explorer 7 i wcześniejsze nie obsługują wartości "inherit". Internet Explorer 8 wymaga !DOCTYPE. Internet Explorer 9 obsługuje "inherit".