html - CSS - Multiple text-decorations with style and color -


i want make text red wavy underline , blue dashed overline using text-decoration.
code: (working in mozilla firefox) (don't works, because display overline)

span {    font-size: 40px;    text-decoration: underline wavy red;    text-decoration: overline dashed blue;  }
<span> text </span>

how can effect using text-decoration? (i know, work in mozilla firefox)
help.

you can not have 2 values 1 css property @ same time.

workaround: wrap yout text in span , add separate text-decoration each span:

span {    font-size: 40px;  }    .wavy {    text-decoration: underline wavy red;  }    .dashed {    text-decoration: overline dashed blue;  }
<span class="wavy">    <span class="dashed">some text </span>  </span>


Comments

Popular posts from this blog

python - Operations inside variables -

Generic Map Parameter java -

arrays - What causes a java.lang.ArrayIndexOutOfBoundsException and how do I prevent it? -