Atrybut border-bottom-width CSS

Definicja i użycie

Atrybut borderBottomWidth 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指定uj wartości ujemnych długości.

Komentarz:Zawsze deklaruj atrybut border-style przed atrybutem border-bottom-width. Elementy mogą zmieniać szerokość swojej krawędzi tylko po uzyskaniu krawędzi. Jeśli styl krawędzi jest none, szerokość krawędzi zostanie rzeczywiście ustawiona na 0. Nie można指定uj wartości ujemnych długości.

Zobacz również:

Kurs CSS:Obramowanie CSS

Podręcznik CSS:Atrybut border-bottom

Podręcznik HTML DOM:Atrybut borderBottomWidth

Przykład

Ustawienie szerokości dolnego paska:

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

Spróbuj sam

Gramatyka CSS

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

Wartość atrybutu

Wartość Opis
Definiuje cienki dolny pasek. cieńki
średnia Domyślna wartość. Definiuje średni dolny pasek.
gruby Definiuje gruby dolny pasek.
length Pozwala na samodzielną personalizację szerokości dolnego paska.
inherit Definiuje, że szerokość paska powinna być dziedziczona od elementu nadrzędnego.

Więcej przykładów

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

Szczegółowe informacje techniczne

Domyślna wartość: średnia
Inheredność: nie
Wersja: CSS1
Gramatyka JavaScript: object.style.borderBottomWidth="thick"

Obsługa przeglądarek

Liczby w tabeli wskazują 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 IE7 i wcześniejsze nie obsługują wartości "inherit". IE8 wymaga !DOCTYPE. IE9 obsługuje "inherit".