# Display an Outline (Not a Border!) on Hover | kirupa.com

**URL:** <https://forum.kirupa.com/t/display-an-outline-not-a-border-on-hover-kirupa-com/352440>\
**Category:** programming\
**Created:** [November 23, 2014, 7:27am UTC](https://forum.kirupa.com/t/display-an-outline-not-a-border-on-hover-kirupa-com/352440 "2014-11-23T07:27:51Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [November 23, 2014, 7:27am UTC](https://forum.kirupa.com/t/display-an-outline-not-a-border-on-hover-kirupa-com/352440/1 "2014-11-23T07:27:53Z")

</div>

by [kirupa](http://www.kirupa.com/me/index.htm) | 6 October 2012

Giving feedback when users are hovering over something that is clickable or interactable (is that even a word?) is generally considered good design. For text, you have many ways of indicating a hover - ways such as underlines, color changes, etc. For blocky, box-like things like images or divs, one of the most common things you can do is show an outline or a border around the element when you hover.

* * *
This is a companion discussion topic for the original entry at [http://www.kirupa.com/html5/display\_an\_outline\_instead\_of\_a\_border\_hover.htm](http://www.kirupa.com/html5/display_an_outline_instead_of_a_border_hover.htm)
