Własność CSS border-bottom-style

Własność CSS border-bottom-style określa styl dolnej krawędzi obramowania elementu. Jest to własność niedziedziczona.

Przykład

W tym przykładzie element aside będzie miał zieloną przerywaną krawędź obramowania na dole o szerokości 5 pikseli:

aside {
  border-bottom-width: 5px;
  border-bottom-style: dashed;
  border-bottom-color: green;
  width: 200px;
}
...
<aside>Lorem ipsum dolor sit amet.</aside>

Efekt:

Składnia i wartości

Własność border-bottom-style przyjmuje jedną wartość, którą może być jedno z następujących słów kluczowych: none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset. Ich dokładny opis znajduje się na stronie Własność border-style.

Wartością początkową własności border-bottom-style jest słowo kluczowe none.

Zastosowanie

Własność border-bottom-style ma zastosowanie do wszystkich elementów HTML, a także do pseudoelementu ::first-letter.

Podsumowanie