border-style to właściwość CSS określająca styl linii obramowania elementu. Sama grubość lub kolor obramowania nie wystarczą, aby obramowanie było widoczne — trzeba określić również jego styl, np. solid, dashed albo dotted.
Najważniejsze wartości
solid— linia ciągła,dashed— linia przerywana, złożona z kresek,dotted— linia kropkowana,double— linia podwójna,none— brak obramowania,hidden— obramowanie ukryte.
W pytaniu egzaminacyjnym chodzi o uzyskanie linii przerywanej, dlatego poprawną wartością jest:
border-style: dashed;
Przykład użycia
div {
border-width: 3px;
border-style: dashed;
border-color: black;
}
Ten zapis ustawi czarne, przerywane obramowanie o grubości 3px.
Często stosuje się też zapis skrócony właściwości border:
div {
border: 3px dashed black;
}
Oznacza to kolejno: grubość obramowania, styl obramowania i kolor obramowania.
Różnica między dashed a dotted
Wartości dashed i dotted bywają mylone. dashed tworzy linię z krótkich kresek, natomiast dotted tworzy linię z kropek. Na egzaminie, jeśli w treści pojawia się określenie „linia przerywana”, właściwą odpowiedzią jest najczęściej dashed.