CSS:border-bottom-style
z Mozilla Developer Center, polskiego centrum programistów Mozilli.
[edytuj] 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
[edytuj] Składnia
border-bottom-style: <border-style> | inherit
[edytuj] 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).
[edytuj] Powiązane własności
[edytuj] Przykłady
element {
border-bottom-size: 1px;
border-bottom-style: dotted;
border-bottom-color: #000;
}
[edytuj] Notatki
Jeżeli wartość border-style nie jest ustawiona, wtedy twoje obramowanie nie pojawi się, ponieważ domyślna wartość jest ustawiona na none.
[edytuj] Specyfikacje
[edytuj] Zgodność z przeglądarką
[edytuj] Zobacz także
border,
border-bottom,
border-bottom-color,
border-bottom-style,
border-bottom-width