logo-tworzenie-stron-legnica

config

Style CSS

Spis alfabetyczny stylów CSS.

Ściąga CSS - przykłady, style CSS alfabetycznie, spis stylów CSS, właściwości CSS, skorowidz stylów CSS.


 

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;

 

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony , , 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 | Grafik | Strony

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