見出し、強調（下線、太字）、引用のCSSカスタマイズ
見出し
code:style.css
/* 拡張装飾記法 見出しっぽい太字テキスト←記述の仕方 */
.level .deco-\# {
border-left: .2em solid #39AC86; /* 左端太線の色 */
padding-left: .7rem:
margin-right: .2em;
font-size: 1.2em;
color: #222; /* 文字色 */
}
重要・強調
code:style.css
/* 拡張装飾記法　\! 重要・強調 */
.deco-\! {
color: #FFC107;
}
例1：重要・強調
下線
code:style.css
/* 拡張装飾記法:重要　青下線 */
.deco-\+ {
background: linear-gradient(transparent 85%, #2979FF 0%);
color: #222;
}
/* 拡張装飾記法：とても重要　赤下線 */
.deco-\| {
background: linear-gradient(transparent 85%, #FF0000 0%);
color: #222;
font-weight: bold;
}
/* 拡張装飾記法：事例・引用　緑下線 */
.deco-\' {
background: linear-gradient(transparent 85%, #4CAF50 0%);
color: #222;
}
例2：重要だと考える箇所は青
例3：とても重要だと考える箇所は赤
例4：事例・引用箇所には緑（もしくは主観的に重要・面白いと感じた箇所）
引用
code:style.css
/* 拡張装飾記法 文中引用 */
.deco-\" {
border-radius: .2em;
padding: 0 .4em;
background-color: rgba(128,128,128,0.1);
font-size: 95%;
}
.deco-\"::before {
color: #a0a0a0; font-size:85%;
font-family: 'FontAwesome';
content: '\f10d';
vertical-align: super;
}
/* 引用 > */
.line .quote {
font-style: normal;
color: #c9c9c9;
border-left: solid 2px #373d44;
padding-left: 8px;
}
例5：「文中引用」
例6
Scrapbox で標準で用いることができる引用方法