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

Ad blocker interference detected!

Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.