Opis

border-style ustawia styl (wygląd) wszystkich krawędzi obramowania na kilka różnych sposobów (w zależności od ilości wartości, ogólnie zgodnie z ruchem wskazówek zegara, od góry).

  • 1 wartość: wszystkie 4 krawędzie
  • 2 wartości: góra i dół, prawa i lewa
  • 3 wartości: góra, prawa i lewa, dół
  • 4 wartości: góra, prawa, dół, lewa
Zobacz też border

Przykład
ZAWARTOŚĆ
Kod:
Wartości

border-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

WartośćOpis
none brak obramowania
hidden To samo co „none”, z wyjątkiem rozwiązywania konfliktów granicznych dla elementów tabeli
dotted kropkowane obramowanie
dashed kreskowane obramowanie
solid kompletne, pełne obramowanie
double podwójne obramowanie
groove rowkowate obramowanie 3D. Efekt zależy od wartości koloru obramowania
ridge prążkowane obramowanie 3D. Efekt zależy od wartości koloru obramowania
inset wklęsłe (typu wciśnięty przycisk) obramowanie 3D. Efekt zależy od wartości koloru obramowania
outset wypukłe (typu przycisk) obramowanie 3D. Efekt zależy od wartości koloru obramowania
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Przykłady:   |     |     |     
Info: Domyślna wartość: none
Dziedziczenie:
Animowalność:
JavaScript: object.style.borderStyle