HTML <acronym> Acronym Tag
Tags: learnhtml
Published: 2021-02-10 07:46:23

---
title: HTML <acronym> Acronym Tag
published: true
date: 2021-02-10 07:43:34 UTC
tags: LearnHTML
canonical_url: https://sharepointanchor.com/learn-html/html-acronym-tag/
---

An **acronym** is nothing but a **single word formed from the initial letter of the longer word** or phrase which has the original meaning. For Example, **NASA** is the acronym of **National Aeronautics & Space Administration**.

In HTML, the **<acronym>** tag is similar to the **<abbr title="Abbreviation Tag">&lt;abbr&gt;</abbr>** tag. This tag can be used with the **“title”** attribute (optional). It contains both the **start tag** and the **end tag**.

<svg aria-hidden="true" focusable="false" data-icon="clock" width="20" height="20" fill="none" stroke="currentColor" style="display:inline-block;vertical-align:-0.1em" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>Estimated reading time: 3 minutes

## Syntax:

In HTML, the Acronym tag always comes in pairs. The content is written between the **opening <acronym> tag** and **closing </acromym> tags**. This tag displayed the **pop-up text prompt** when hovering the mouse over the word.

Note: The <acronym> tag is a **deprecated [HTML](https://sharepointanchor.com/category/learn-html/ "HTML") tag**, and it is not supported in the updated version of HTML 5. You can use the [<abbr>](https://sharepointanchor.com/learn-html/html-abbreviation-tag/) tag instead of this tag.

## Samples of HTML <acronym> Tag:

```

<!DOCTYPE html>
<html>
  <head>
    <title>Acronym Tag Explanation</title>
  </head>
  <body>
    <p>Hover the mouse cursor over acronym NASA</p>
    <acronym title="National Aeronautics &amp; Space Administration">NASA</acronym>
  </body>
</html>

```

## Result:

![](https://eadn-wc04-3430828.nxedge.io/cdn/wp-content/uploads/2021/02/Screenshot-2021-02-09-102424.png)<figcaption>Acronym Tag</figcaption>

<script async="" src="//jsfiddle.net/Share_Point_Anchor/fjacrk0p/2/embed/html,result/"></script>

## Styling Methods for <acronym> Tag:

The [HTML](https://sharepointanchor.com/category/learn-html/ "HTML") Acronym tag supports the **global attributes** and the **event attributes**. You can use the following properties to style a <[acronym](https://en.wikipedia.org/wiki/HTML_element#acronym_tag)> tag.

### Properties to style the visual weight/emphasis/size of the text in <acronym> tag:

- **[CSS](https://sharepointanchor.com/category/learn-css/ "CSS") font-style** – This CSS property helps to set the font style of the text such as normal, italic, oblique, initial, inherit.
- **CSS font-family** – This CSS property specifies a prioritized list of one or more font family names or generic family names for the selected element.
- **CSS font-size** – This CSS property will help to set the size of the font.
- **CSS font-weight** – This CSS property used to define whether the font should be bold or thick.
- **CSS text-transform** – This CSS property will control the text case and capitalization.
- **CSS test-decoration** – This CSS property specifies the decoration added to text such as **text-decoration-line** , **text-decoration-color** , **text-decoration- style**.

### Styles to coloring the text in <acronym> Tag:

- **CSS color** – This CSS property will specify the color of the text content and decorations.
- **CSS background-color** – This CSS property helps to set the background color of an element.

### Text layout styles for <acronym> Tag:

- **CSS text-indent** – This CSS property is used to specify the indentation of the first line in a text block.
- **CSS text-overflow ** – This CSS property helps to describe how overflowed content that is not displayed should be signaled to the user.
- **CSS white-space** – This CSS property describes how white-space inside an element is handled.
- **CSS word-break**  – This CSS property decides where the lines should be broken.

### Other Properties for <acronym> Tag:

- **CSS text-shadow**  – This CSS property helps to add the shadow to text.
- **CSS text-align-last**  – This CSS property will set the alignment of the last line of the text.
- **CSS line-height** – This CSS property defines the height of a line.
- **CSS letter-spacing** – This CSS property helps to decide the spaces between letters/characters in a text.
- **CSS word-spacing** – This CSS property specifies the spacing between every word.

## Browser Support:

![](https://eadn-wc04-3430828.nxedge.io/cdn/wp-content/uploads/2021/02/Browser-Support-3.png)<figcaption>Browser Support</figcaption>

## Learn About Abbreviation Tag in HTML:

> [HTML <abbr> Abbreviation Tag](https://sharepointanchor.com/learn-html/html-abbreviation-tag/)

<iframe sandbox="allow-scripts" security="restricted" title="“HTML &lt;code&gt;&lt;abbr&gt;&lt;/code&gt; Abbreviation Tag” — Share Point Anchor" src="https://sharepointanchor.com/learn-html/html-abbreviation-tag/embed/#?secret=aaUlBo4hMA" data-secret="aaUlBo4hMA" width="600" height="338" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
<figcaption><strong><a href="https://sharepointanchor.com/category/learn-html/" title="HTML" data-wpil-keyword-link="linked">HTML</a> Abbreviation Tag</strong></figcaption>

The post [HTML <code><acronym></code> Acronym Tag](https://sharepointanchor.com/learn-html/html-acronym-tag/) appeared first on [Share Point Anchor](https://sharepointanchor.com).