border-style

Podsumowanie

Własność border-style jest skróconą własnością dla ustawienia stylu linii dla wszystkich czterech stron obramowania elementów.

• Wartość początkowa: none lub jak w indywidualnych własnościach
• Stosowana do: wszystkich elementów
• Dziedziczona: nie
• Procenty: niedostępne
• Media: visual
• Wartość wyliczona: jak w indywidualnych własnościach

Składnia

border-style: [ <border-style> ]{1,4} | inherit

Wartości

<border-style>

Style linii mogą przyjąć którąś z podanych wartości.

• none : Brak obramowania, ustawia szerokość na 0. Jest to domyślna wartość.
• hidden : Tak samo jako 'none', oprócz konfliktu rozdzielczości obramowania dla elementów tabeli.
• dashed : Serie kresek lub fragmentów linii.
• dotted : Serie kropek.
• double : Dwie proste linie, które dają w sumie liczbę pikseli zdefiniowaną jako border-width.
• groove : Efekt wyrzeźbienia.
• inset : Sprawia wrażenie, że blok jest zapadnięty.
• outset : Przeciwieństwo 'inset'. Sprawia, że blok wydaje się trójwymiarowy (wysunięty).
• ridge : Przeciwieństwo 'groove'. Obramowanie wydaje się trójwymiarowe (zapowiadane).
• solid : Pojedyncza, prosta, ciągła linia.

Można podać do czterech wartości.
Pierwsza wartość ustawia wszystkie cztery krawędzie.
Druga ustawia lewą i prawą.
Trzecia ustawia górną.
Czwarta ustawia lewą

Przykłady

Zobacz przykład

element { 
  border-width: 1px;
  border-style: solid;
  border-color: black;
}

Notatki

Domyślnie border-style jest ustawione na none. To oznacza, że, jeśli zmieniasz wartość border-width oraz border-color, nie zobaczysz obramowania, dopóki nie zmienisz tej wartości na inną niż none lub hidden

Specyfikacje

• CSS 1
• CSS 2.1
• CSS 3

Zgodność z przeglądarką

Rozszerzenia Mozilli

Następujące rozszerzenia Mozilli ustawiają poszczególne strony obramowania na wielokrotny kolor dla przeglądarek opartych na silniku Gecko.

• -moz-border-bottom-colors
• -moz-border-left-colors
• -moz-border-right-colors
• -moz-border-top-colors

Zobacz także

border, border-width, border-color, -moz-border-radius