下線(波線・赤)
UserCSS.icon UserScript.icon
下線を赤い波線にする
--deco-marking-pencil-color
記法:_, _-, _~
[_ text]
[_- text]
[_~ text]
例:
Aaaa
Aaaa
Aaaa
Aaaa
Aaaa
Aaaa
Aaaa
Aaaa
Aaaa
Cosenseの下線記法は(なぜか)HTML側に直接スタイリングされているので、それを打ち消す記述をいれる
code:style.css
.line span:not(.char-index):not(class)style="text-decoration: underline;",
.line strike {
text-decoration: none !important;
}
2026-07-08 記法追加:下線(直線)[_- text]
code:style.css
/* 下線(直線) */
.line .deco-\_.deco-\-class*="deco-\_ deco-\-" {
text-decoration: 1.5px underline solid var(--page-text-color, #444);
}
/* 下線(波線・赤) */
.line .deco-\_,
.deco-\_.deco-\~class*="deco-\_ deco-\~" {
text-decoration: 1.5px underline wavy light-dark(var(--deco-marking-pencil-color, crimson), var(--deco-marking-pencil-color, lightcoral));
}
テキスト範囲選択時のポップアップメニューにボタンを表示する #UserScript
code:script.js
scrapbox.PopupMenu.addButton({
title: '下線',
onClick: text => text.split('\n').map(line => [_- ${line}]).join('\n')
})
scrapbox.PopupMenu.addButton({
title: '赤波線',
onClick: text => text.split('\n').map(line => [_~ ${line}]).join('\n')
})
#標準記法 #記法
#UserCSS