UserCSS:下線記法
下線記法[_ ]の変更
アンダーラインが消せない、どうして？
（強制的に"text-decoration: underline"のプロパティが追加されているもよう）
テスト テストだよ
アンダーラインを強制的に消す（副作用注意）
code:style.css
.line span.deco span{
text-decoration: none !important; /* */
/* border-bottom: none !important; /* */
/* text-decoration: none; /* */
/* border-bottom: none; /* */
}
アンダーラインをtext-decorationで表現
code:stylexx.css
.deco-\_ {
/* text-decoration: none !important; /* */
/* text-decoration: underline ; /* アンダーライン */
/* text-decoration: underline wavy ; /* アンダーライン */
/* text-decoration: underline solid ; /* アンダーライン */
/* text-decoration: overline solid; /* オーバーライン */
/* text-decoration: line-through solid pink; /* 打ち消し線 */
/* text-decoration-color: pink; /* */
}
アンダーラインをborder-bottomで表現
code:stylexx.css
.deco-\_ {
/* border-bottom: none; /* */
border-bottom: solid 3px pink;/* */
}
アンダーラインを背景のグラデーションで表現
code:stylexx.css
.deco-\_ {
background: linear-gradient(
transparent 65%,
rgba(255,255,40,0.7)
);
}
アンダーラインを背景のグラデーションで表現
code:style.css
.deco-\_ {
background: linear-gradient(
transparent 65%,
var(--main-color)
);
}
UserCSS.icon
https://img.shields.io/badge/UserCSS-下線記法-1572B6.svg?logo=css3&style=for-the-badge