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
`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
`outline-style: dashed`	1 2008-12-11	1 2004-11-09	12 2015-07-29	15 2013-07-02	1.2 2004-02-02
`outline-style: dotted`	1 2008-12-11	1 2004-11-09	12 2015-07-29	15 2013-07-02	1.2 2004-02-02
`outline-style: double`	1 2008-12-11	1 2004-11-09	12 2015-07-29	15 2013-07-02	1.2 2004-02-02
`outline-style: groove`	1 2008-12-11	1 2004-11-09	12 2015-07-29	15 2013-07-02	1.2 2004-02-02
`outline-style: inset`	1 2008-12-11	1 2004-11-09	12 2015-07-29	15 2013-07-02	1.2 2004-02-02
`outline-style: none`	1 2008-12-11	1 2004-11-09	12 2015-07-29	15 2013-07-02	1.2 2004-02-02
`outline-style: outset`	1 2008-12-11	1 2004-11-09	12 2015-07-29	15 2013-07-02	1.2 2004-02-02
`outline-style: ridge`	1 2008-12-11	1 2004-11-09	12 2015-07-29	15 2013-07-02	1.2 2004-02-02
`outline-style: solid`	1 2008-12-11	1 2004-11-09	12 2015-07-29	15 2013-07-02	1.2 2004-02-02