CSS note

Labo CSS with Firefox

HTML

<p><a class="wavy" href="https://tenman.info/labo/css">Labo CSS</a></p>

CSS

.wavy{
 text-decoration: underline;
 text-decoration-style: wavy;
 -webkit-text-decoration: underline;
 -webkit-text-decoration-style: wavy;
 font-size:42px;
text-decoration-color: rgba(255, 128, 128, 0.5);

webkit-text-decoration-color: rgba(255, 128, 128, 0.5);

}

Screen Shot

関連

テキスト周辺のプロパティ

http://tategaki.github.io/commentaries/2015/11/10/commentary-text-decotrations.html(b:title)

Can I Use text-decoration? Data on support for the text-decoration feature across the major browsers from caniuse.com.

新着記事