outline
Draws a non-layout-affecting line outside an element's border. It is the standard way to communicate keyboard focus.
996 effects in the catalog use this property.
Syntax
outline: <width> <style> <color>;Watch out
Unlike a border, an outline takes up no space. Removing it without providing another visible focus indicator makes the interface unusable for keyboard users.
Effects using outline
These are working effects from the catalog. Open a tile to inspect the full source.