Atrybut border-bottom-style CSS

Definicja i użycie

border-bottom-style ustawia styl dolnej krawędzi elementu.

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

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

Zobacz również:

Kurs CSS:Pasek w CSS

Podręcznik CSS:Atrybut border-bottom

Podręcznik HTML DOM:Atrybut borderBottomStyle

Przykład

Ustawienie stylu dolnej krawędzi:

p
  {
  border-style:solid;
  border-bottom-style:dotted;
  }

Spróbuj sam

Gramatyka CSS

border-bottom-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 takie samo jak "none", ale nie dotyczy tabel, dla tabel używa się "hidden", aby rozwiązać konflikt krawędzi.
dotted Definiuje krawędź punktowaną. W większości przeglądarek prezentuje się jako linia ciągła.
dashed Definiuje linię przerywaną. W większości przeglądarek prezentuje się jako linia ciągła.
solid Definiuje linię ciągłą.
double Definiuje podwójną linię. Szerokość podwójnej linii równa się wartości border-width.
groove Definiuje 3D wcięty obręb krawędzi. Jego efekt zależy od wartości border-color.
ridge Definiuje 3D wzniesiony obręb krawędzi. Jego efekt zależy od wartości border-color.
inset Definiuje 3D wciśnięty obręb krawędzi. Jego efekt zależy od wartości border-color.
outset Definiuje 3D wysunięty obręb krawędzi. Jego 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ślone
Inherencja: nie
Wersja: CSS1
Język JavaScript: object.style.borderBottomStyle="dotted"

Więcej przykładów

Ustawienie stylu dolnej krawędzi
Ten przykład pokazuje, jak ustawić styl dolnej krawędzi.

Wsparcie przeglądarki

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 5.5 1.0 1.0 9.2