Atrybut border-bottom-width CSS

Definicja i użycie

Właściwość border-bottom-width ustawia szerokość dolnego paska elementu.

Działa tylko, gdy styl krawędzi nie jest none. Jeśli styl krawędzi jest none, szerokość krawędzi zostanie rzeczywiście ustawiona na 0. Nie można określić ujemnych wartości długości.

Komentarz:Zawsze deklaruj właściwość border-style przed właściwością border-bottom-width. Elementy mogą zmienić szerokość krawędzi tylko po uzyskaniu krawędzi. Jeśli styl krawędzi jest none, szerokość krawędzi zostanie ustawiona na 0. Nie można指定uj wartości ujemnych.

Zobacz również:

CSS Tutorial:Krawędzie CSS

CSS Reference Manual:border-bottom właściwość

HTML DOM Reference Manual:borderBottomWidth właściwość

Przykład

Ustawienie szerokości dolnego paska:

p
  {
  border-style:solid;
  border-bottom-width:15px;
  }

Spróbuj sam

CSS syntax

border-bottom-width: medium|thin|thick|length|initial|inherit;

Wartość atrybutu

Wartość Opis
thin Definiuje wąski dolny pasek.
medium Domyślna wartość. Definiuje umiarkowanie szeroki dolny pasek.
thick Definiuje gruby dolny pasek.
length Pozwala na samodzielną definicję szerokości dolnego paska.
inherit Zaleca się, aby szerokość paska była dziedziczona od elementu nadrzędnego.

Więcej przykładów

Ustawienie szerokości dolnego paska
Ten przykład pokazuje, jak ustawić szerokość dolnego paska.

Techniczne szczegóły

Domyślna wartość: medium
Inhericibility: no
Wersja: CSS1
JavaScript syntax: object.style.borderBottomWidth="thick"

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która obsługuje pełną funkcjonalność tej właściwości.

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".