border-bottom-style

Podsumowanie

border-bottom-style ustawia styl linii dolnego obramowania bloku.

• Wartość początkowa: none
• Stosowana do: wszystkich elementów
• Dziedziczona: nie
• Procenty: niedostępne
• Media: visual
• Wartość wyliczona: określone

Składnia

border-bottom-style: <border-style> | inherit

Wartości <border-style>

none 

Bez obramowania.

hidden 

Podobnie jak 'none', oprócz sytuacji konfliktu rozdzielczości obramowania dla elementów tabeli.

dotted 

Seria kropek.

dashed 

Seria krótkich kresek lub odcinków linii.

solid 

Pojedyncza, prosta, ciągła linia.

double 

Dwie proste linie, które dają w sumie liczbę pikseli zdefiniowaną jako border-width.

groove 

Efekt wyrzeźbienia.

ridge 

Przeciwieństwo groove. Obramowanie wydaje się trójwymiarowe (zapowiadane).

inset 

Sprawia wrażenie, że blok jest zapadnięty.

outset 

Przeciwieństwo inset. Sprawia, że blok wydaje się trójwymiarowy (wysunięty).

Powiązane własności

• border-left-style
• border-right-style
• border-top-style
• border-style

Przykłady

Zobacz przykład

element {
        border-bottom-size: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #000;
}

Notatki

Jeżeli wartość border-style nie jest ustawiona, wtedy twoje obramowanie nie pojawi się, ponieważ domyślna wartość jest ustawiona na none.

Specifications

Browser compatibility

See also

• The other style-related border properties: border-left-style, border-right-style, border-top-style, and border-style.
• The other bottom-border-related properties: border-bottom, border-bottom-color, and border-bottom-width.