Podsumowanie

W aplikacjach outline-style jest używane do ustawienia stylu konturu elementu. Kontur jest linią rysowaną wokół elementu, na zewnątrz krawędzi obramowania w celu wyróżnienia elementu.

Wartość początkowanone
Stosowana dowszystkich elementów
Dziedziczonano
Mediaas each of the properties of the shorthand:
Wartość wyliczonajako określone
Animation typediscrete
Canonical orderthe unique non-ambiguous order defined by the formal grammar

Składnia

auto | <'border-style'>

Wartości

style może być jedną z poniższych wartości:

none
Bez konturu (outline-width ma wartość 0).
dotted
Kontur jest serią kropek.
dashed
Kontur jest serią krótkich fragmentów linii.
solid
Kontur jest pojedynczą linią.
double
Kontur składa się z dwóch pojedynczych linii. Wartość outline-width jest sumą dwóch linii i przestrzeni między nimi.
groove
Kontur wygląda, jakby był wyrzeźbiony w obrazie.
ridge
Przeciwieństwo groove: kontur wygląda, jakby wychodził z obrazu.
inset
Kontur sprawia, że pudełko wygląda, jakby było osadzone w obrazie.
outset
Przeciwieństwo inset: kontur sprawia, że pudełko wygląda, jakby wychodziło z obrazu.

Powiązane własności

Przykłady

hbox.example {
  /* nadaje konturowi trójwymiarowy styl groove */
  -moz-outline-style: groove;
}
 

Autorzy i etykiety dokumentu

Etykiety: 
Autorzy tej strony: teoli, Mgjbot, Witia
Ostatnia aktualizacja: teoli,