{"id":9264,"date":"2022-10-06T03:56:18","date_gmt":"2022-10-06T03:56:18","guid":{"rendered":"https:\/\/mdr.foobrdigital.com\/?p=9264"},"modified":"2022-10-06T03:56:18","modified_gmt":"2022-10-06T03:56:18","slug":"html-tag-3","status":"publish","type":"post","link":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/2022\/10\/06\/html-tag-3\/","title":{"rendered":"HTML Tag"},"content":{"rendered":"\n

The browser renders the characters inside the <abbr> tag as an abbreviation or an acronym. To decipher the abbreviation, the global title attribute is used (displayed as a pop-up text prompt when you hover the mouse over the abbreviation).<\/p>\n\n\n\n

The content of the <abbr> tag in some browsers can be marked with a dotted underscore.<\/p>\n\n\n\n

Syntax<\/h2>\n\n\n\n

The <abbr> tag comes in pairs. The content is written between the opening (<abbr>) and closing (<\/abbr>) tags.<\/p>\n\n\n\n

Example of the HTML <abbr> tag:<\/h3>\n\n\n\n
<!DOCTYPE html>\n<html>\n  <head>\n    <title>Title of the document<\/title>\n  <\/head>\n  <body>\n    <p><abbr title=\"Universal Resource Locator\">URL<\/abbr> - This is a special form of designating an individual resource address on the Internet <\/p>\n  <\/body>\n<\/html><\/code><\/pre>\n\n\n\n
Result<\/h3>\n\n\n\n
URL – This is a special form of designating an individual resource address on the Internet.<\/p>\n\n\n\n
\n\n\n\n
(hover your mouse over the abbreviation).<\/p>\n\n\n\n
Attributes<\/h2>\n\n\n\n
The\u00a0<abbr>\u00a0tag supports the\u00a0Global Attributes\u00a0and the\u00a0Event Attributes.<\/p>\n\n\n\n
How to style <abbr> tag?<\/h2>\n\n\n\n
Common properties to alter the visual weight\/emphasis\/size of text in <abbr> tag:<\/h3>\n\n\n\n
  • CSS font-style\u00a0property sets the style of the font. normal | italic | oblique | initial | inherit.<\/li>
  • CSS font-family\u00a0property specifies a prioritized list of one or more font family names and\/or generic family names for the selected element.<\/li>
  • CSS font-size\u00a0property sets the size of the font.<\/li>
  • CSS font-weight\u00a0property defines whether the font should be bold or thick.<\/li>
  • CSS text-transform\u00a0property controls text case and capitalization.<\/li>
  • CSS text-decoration\u00a0property specifies the decoration added to text, and is a shorthand property for text-decoration-line, text-decoration-color, text-decoration-style.<\/li><\/ul>\n\n\n\n
    Coloring text in <abbr> tag:<\/h3>\n\n\n\n
    • CSS color\u00a0property describes the color of the text content and text decorations.<\/li>
    • CSS background-color\u00a0property sets the background color of an element.<\/li><\/ul>\n\n\n\n
      Text layout styles for <abbr> tag:<\/h3>\n\n\n\n
      • CSS text-indent\u00a0property specifies the indentation of the first line in a text block.<\/li>
      • CSS text-overflow\u00a0property specifies how overflowed content that is not displayed should be signalled to the user.<\/li>
      • CSS white-space\u00a0property specifies how white-space inside an element is handled.<\/li>
      • CSS word-break\u00a0property specifies where the lines should be broken.<\/li><\/ul>\n\n\n\n
        Other properties worth looking at for <abbr> tag:<\/h3>\n\n\n\n
        • CSS text-shadow\u00a0property adds shadow to text.<\/li>
        • CSS text-align-last\u00a0property sets the alignment of the last line of the text.<\/li>
        • CSS line-height\u00a0property specifies the height of a line.<\/li>
        • CSS letter-spacing\u00a0property defines the spaces between letters\/characters in a text.<\/li>
        • CSS word-spacing\u00a0property sets the spacing between words.<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"
          The browser renders the characters inside the <abbr> tag as an abbreviation or an acronym. To decipher the abbreviation, the global title attribute is used (displayed as a pop-up text prompt when you hover the mouse over the abbreviation). The content of the <abbr> tag in some browsers can be marked with a dotted underscore. Syntax The <abbr> tag comes in pairs. The […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[529],"tags":[],"_links":{"self":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/posts\/9264"}],"collection":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/comments?post=9264"}],"version-history":[{"count":0,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/posts\/9264\/revisions"}],"wp:attachment":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/media?parent=9264"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/categories?post=9264"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/tags?post=9264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}