what is the difference between outline and border in css?
Borders are lines drawn on the edge of your element, encasing the element's content, but not ever going outside the element's boundaries. Outlines, however, surround the element completely, meaning they do overstep the boundaries of the element to appear on the outside of it.