CSS atrybut border-bottom-style

Definicja i użycie

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

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

W CSS1 przeglądarka HTML musi obsługiwać tylko solid i none.

Zobacz również:

Kurs CSS:Krawędzie 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 punktowaną linię. W większości przeglądarek jest prezentowana jako ciągła.
dashed Definiuje przerywaną linię. W większości przeglądarek jest prezentowana jako ciągła.
solid Definiuje ciągłą linię.
double Definiuje podwójną linię. Szerokość podwójnej linii jest równa wartości border-width.
groove Definiuje 3D rowkowany obręb. Efekt zależy od wartości border-color.
ridge Definiuje 3D żebrowany obręb. Efekt zależy od wartości border-color.
inset Definiuje 3D wcięty obręb. Efekt zależy od wartości border-color.
outset Definiuje 3D boczny obręb. Efekt zależy od wartości border-color.
inherit Zgodnie z zaleceniami powinna być używana styl krawędzi od elementu nadrzędnego.

Szczegóły techniczne

Domyślna wartość: nie określono
Inherencja: nie
Wersja: CSS1
Gramatyka 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ą na 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