The outline are generally used to highlight element. An outline at a glance looks very similar to the border. Outline do not take up space, because they always placed on top of the box of the element which may cause them to overlap other element on the page.
Warning: Internet Explorer 7 and earlier versions don't support
the outline property. IE8 supports the outline properties only if a <!DOCTYPE> is specified.