CSS border-style UX guidelines? [on hold]
CSS has many border styles. When are good use cases for each? Why?
none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
References: MDN, specification, border demo
What HTML elements or web UI patterns would benefit from particular border styles? <input>
for example is often inset
. What would be reason to style an element as groove
|ridge
, inset
|outset
, solid
vs dotted
|dashed
|double
? What usability impacts are there?