Styl obrysu {outline-style}

Co to jest obrys i czym się różni od obramowania?

selektor { outline-style: styl }

Selektorem może być dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów].

Natomiast jako "styl" należy wpisać:

Obrys jest zbliżony swoim wyglądem do obramowania. Istnieją jednak pewne różnice:

Obrys nie zajmuje miejsca w modelu pudełkowym i dlatego nie wpływa na rozmiary ani pozycję żadnych elementów.
Obrys nie musi być prostokątem.
Jest tworzony zawsze na wierzchu elementu.
Można ustawiać atrybuty obrysu tylko w stosunku do wszystkich boków jednocześnie (nie da się tego robić oddzielnie dla każdego).

Przy tworzeniu obrysu możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj.

Przeglądarki

	Chrome	Firefox	Edge	Opera	Safari
`selektor { outline-style: wartość }`	1 2008-12-11	1.5 2005-11-29	12 2015-07-29	7 2003-01-28	1.2 2004-02-02
`selektor { outline-style: dashed }`	1 2008-12-11	1 2004-11-09	12 2015-07-29	15 2013-07-02	1.2 2004-02-02
`selektor { outline-style: dotted }`	1 2008-12-11	1 2004-11-09	12 2015-07-29	15 2013-07-02	1.2 2004-02-02
`selektor { outline-style: double }`	1 2008-12-11	1 2004-11-09	12 2015-07-29	15 2013-07-02	1.2 2004-02-02
`selektor { outline-style: groove }`	1 2008-12-11	1 2004-11-09	12 2015-07-29	15 2013-07-02	1.2 2004-02-02
`selektor { outline-style: inset }`	1 2008-12-11	1 2004-11-09	12 2015-07-29	15 2013-07-02	1.2 2004-02-02
`selektor { outline-style: none }`	1 2008-12-11	1 2004-11-09	12 2015-07-29	15 2013-07-02	1.2 2004-02-02
`selektor { outline-style: outset }`	1 2008-12-11	1 2004-11-09	12 2015-07-29	15 2013-07-02	1.2 2004-02-02
`selektor { outline-style: ridge }`	1 2008-12-11	1 2004-11-09	12 2015-07-29	15 2013-07-02	1.2 2004-02-02
`selektor { outline-style: solid }`	1 2008-12-11	1 2004-11-09	12 2015-07-29	15 2013-07-02	1.2 2004-02-02