Can you create an <abbr> tag?

Can you create a tag <abbr>using css? In firefox, it appears with dots under the words, as in the image below:
enter image description here

Is this a browser browser? can you delete points or just use the parameter title="title here"? thank

+4
source share
6 answers
  • Can you create a tag using css?

    Yes, you can.

  • In firefox, it appears with dots under the words

    Yes. Firefox default style:

    abbr[title], acronym[title] {
        border-bottom: 1px dotted;
    }
    
  • Is this a browser browser?

    Yes, this behavior is determined by the default stylesheet for each browser. Then different browsers may display it differently.

  • Can you remove the dots?

    , syle:

    abbr[title], acronym[title] {
        border-bottom: none;
    }
    
+8
+16

CSS . JavaScript. ( IE 8?)

abbr {
position: relative;
}

abbr:hover::after {
position: absolute;
bottom: 100%;
left: 100%;
display: block;
padding: 1em;
background: yellow;
content: attr(title);
}

, , .

+3

. Bunnyman.

, .

, <abbr>. .

abbr { border: 2px dashed red; }

, :

abbr { border-bottom: 0px !important; }
+2

<abbr> <abbr> css?

, title - .

?

, .

?

. , text-decoration :

abbr[title] {
  text-decoration: unset;
}

.

0

HTML CSS, , HTML .

In other words, you can add CSS to whatever you want, but the browser may not support your changes.

those. stylization of the element is possible <head>, but it is pointless.

-1
source

Source: https://habr.com/ru/post/1532917/


All Articles