mozilla

border-bottom-style

Podsumowanie

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

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

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.

Specyfikacje

Zgodność z przeglądarką

Zobacz także

Border-bottom-related properties: border-bottom, border-bottom-color, border-bottom-style, border-bottom-width

 

Autorzy i etykiety dokumentu

Contributors to this page: teoli, Yuichiro, Ptak82, Mgjbot, Witia
Ostatnia aktualizacja: teoli,
Ukryj panel boczny