outline – kontur

jest przypisywany całemu elementowi bez możliwości rozbicia na poszczególne składowe (top, left, right, bottom).

 

  • outline-color:
    • orange
    • #f2c909
  • outline-style:
    • none
    • hidden
    • solid – linia ciągła
    • dotted – linia kropkowana
    • dashed – linia kreskowana
    • double – podwójna linia
    • groove – efekt 3D z cieniem na górze
    • ridge – efekt 3D z cieniem na dole
    • inset – efekt cienia na górze
    • outset – efekt cienia na dole
  • outline-width:
    • thin
    • medium
    • thick
    • 3px
    • 3pt
    • 3em
  • outline-offset: – przestrzeń między konturem a elementem
    • 3px
    • 3pt
    • 3em

zbiorczy zapis: outline:color style width offset;