config

Strona w trakcie modernizacji

Zapraszamy wkrótce

Właściwość CSS outline-style

Definicja stylu, przeznaczenie i użycie outline-style

Kontur (outline) to linia, która jest rysowana wokół elementów poza jego granicami, aby element się wyróżniał.

Właściwość outline-style określa styl konturu.

Wartości właściwości outline-style

Wartość Opis
none Brak obramowania. Ustawienie domyślne.
hidden Określa ukryty kontur.
dotted Określa kropkowaną linię.
dashed Określa przerywany kontur.
solid Definiuje pełny kontur.
double Definiuje podwójny kontur.
groove Określa rowkowany kontur 3D. Efekt zależy od wartości koloru konturu.
ridge Określa prążkowaną kontur 3D. Efekt zależy od wartości koloru konturu.
inset Określa kontur 3D. Efekt zależy od wartości koloru konturu.
outset Określa kontur 3D. Efekt zależy od wartości koloru konturu.
initial Ustawia tę właściwość na jej wartość domyślną.
inherit Dziedziczy tę właściwość z elementu nadrzędnego.

Składnia CSS outline-style

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

Wsparcie przeglądarek dla właściwości outline-style

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość chrome edge firefox safari opera
outline-style 1.0 8.0 1.5 1.2 7.0

 

Przykładowe zastosowania z właściwością outline-style

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

Właściwość CSS:
outline-style:

 
Rezultat:
 
Kod CSS:
div {
    border:2px solid green;
outline-color:red;
outline-style:none;
}
 

 

Przykłady właściwości outline-style

outline-style: dotted;

outline-style: dashed;

outline-style: solid;

outline-style: double;

outline-style: groove;

outline-style: ridge;

outline-style: outset;

 

 

Obszar działalności – tworzenie stron internetowych w miastach:

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe
Adres:, Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, Tel.: +48 780 060 995, Pon. - pt. 8:00 - 17:00

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe

Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
Tel.: +48 780 060 995,
Pon. - pt. 8:00 - 17:00