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.

Specifications

Specification Status Comment
CSS Backgrounds and Borders Module Level 3
The definition of 'border-bottom-style' in that specification.
Candidate Recommendation No significant change
CSS Level 2 (Revision 1)
The definition of 'border-bottom-style' in that specification.
Recommendation Initial definition

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 1.0 5.5 9.2 1.0
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support (Yes) (Yes) 7.0 (Yes) (Yes)

See also

Autorzy i etykiety dokumentu

 Autorzy tej strony: fscholz, teoli, Yuichiro, Witia, Mgjbot, Ptak82
 Ostatnia aktualizacja: fscholz,