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

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

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