The HTML <abbr></abbr> element is used show the full meaning of an abbreviation or an acronym. Unlike the <acronym></acronym> element, it is supported in HTML5. The user must hover their cursor over the the selected text in order to view the abbreviation.


Global attributes

See Global HTML Attributes.

It is best to associate this element with the global title attribute to indicate the text to show for the abbreviation.

HTML example:

<abbr title="Cascading Style Sheets">CSS</abbr>


Abbreviations are typically rendered with a dotted line below them.

Typical CSS representation

abbr[title] {
  border-bottom: dotted 1px;

Coding rules

The <abbr> element belongs to the Flow content category.

External Links