インライン引用記法
UserCSS.icon UserScript.icon
[> quote]
例：
インラインテキストインライン引用インラインテキスト
Inline text inline quotation inline text
Inline text inline quotation inline text
(ver. 7 or later)
? Cosense の Font Awesome がバージョンアップされるまで利用不可
(ver. 7 or later)
元々のデザイン案ではこちらを使用
? Cosense の Font Awesome がバージョンアップされるまで利用不可
? こちらで代用中
バリアブルフォント版の「Noto Sans JP」を Google Fonts から @import する
code:style.css
code:style.css
.line & {
vertical-align: baseline;
box-sizing: content-box; /* padding: 5.5px 4.5px 0.5px 2px; */
padding: 5.5px 4px 1px 2px;
border-bottom: solid var(--inline-quote-border-width, var(--quote-border-width, 1px)) var(--quote-border-color, #a0a0a0); background-color: var(--quote-bg-color, rgba(0, 0, 0, 0.05));
color: var(--quote-text-color, var(--page-text-color, unset));
font-size: .94em;
font-weight: var(--inline-quote-font-weight);
font-family: var(--inline-quote-font-family, var(--quote-font-family, var(--page-font-family, ""))), var(--icons, "Font Awesome 5 Free", "Font Awesome 5 Brand", AppIcons), sans-serif;
font-feature-settings: var(--inline-quote-font-feature-settings, unset);
font-size-adjust: var(--inline-quote-font-size-adjust);
}
.line &::before {
content: "\f10e"; vertical-align: baseline;
margin-right: 2px; padding-left: 1px; padding-right: 1px;
/* font-size: .7em; line-height: calc(1em / 0.7); */
font-size: .74em; line-height: calc(1em / 0.74);
font-family: var(--icons, "Font Awesome 5 Free", "Font Awesome 5 Brand", AppIcons); font-weight: 700; font-style: normal;
font-size-adjust: none; text-decoration: none;
}
.line.cursor-line &::before {
display: none;
}
}
code:style.css
html {
--inline-quote-font-family: "Inter Variable", "Inter", "Roboto Flex", "Roboto", Helvetica, "Arial", "Arimo", "BIZ UDゴシック", "BIZ UDGothic", "BIZ UDPゴシック", "BIZ UDPGothic", "Hiragino Sans", "Noto Sans JP", "Noto Sans CJK JP";
--inline-quote-font-weight: 425;
--inline-quote-font-feature-settings: unset;
/* --inline-quote-font-size-adjust: 0.51; */
}
code:script.js
scrapbox.PopupMenu.addButton({
title: 'インライン引用',
onClick: text => text.split('\n').map(line => [> ${line}]).join('\n')
})
Cosense標準テーマ用の推奨値
Not for Aureole/Eclipseテーマ.iconAureole/Eclipse themes
code:for-default-themes.css
code:for-default-themes.css
html {
--inline-quote-font-family: "Inter Variable", "Inter", "Roboto Flex", "Roboto", Helvetica, "Arial", "Arimo", "BIZ UDゴシック", "BIZ UDGothic", "BIZ UDPゴシック", "BIZ UDPGothic", "Hiragino Sans", "Noto Sans JP", "Noto Sans CJK JP";
--inline-quote-font-weight: 425;
--inline-quote-font-feature-settings: unset;
/* --inline-quote-font-size-adjust: 0.51; */
}
html {
--quote-border-color: light-dark(hsl(216 15% 74%), hsl(196 10% 44%));
--quote-border-width: 2.5px;
--inline-quote-border-width: 2px;
}
code:for-default-themes.css
.line .quote {
border-left: solid var(--quote-border-width, 1px) var(--quote-border-color, #a0a0a0); background-color: var(--quote-bg-color, rgba(0, 0, 0, 0.05));
}
bg.icon
2026-07-10 ::beforeの引用アイコンを 0.7em → 0.74em に変更
2026-07-08 ::beforeの引用アイコンを微調整
2026-07-01 ::beforeの代用アイコンを\f10e に変更
2026-06-20 引用アイコンにfont-size-adjust:が適用されてしまっていた不具合を修正
::before { font-size-adjust: unset; } の指定漏れ
2026-06-17 (/customize) ::beforeの引用アイコンの表示位置の初期値をvertical-align: baseline;に差し戻し
2026-06-16 変数未定義時の font-weight: の初期値を削除
これは文字サイズの違いによる「線の密度の差」というコントラストに関係するパラメータです
Cosenseの標準的な閲覧環境における本文テキストの日本語フォントは多くの場合バリアブルフォントではないため、（この記法に対して）有効なフォント指定がされていない時の font-weight: 450; は実際には 400 や 500 の太さで表示されてしまう問題への対応
2026-06-15 (/customize) ::beforeの引用アイコンの表示位置の初期値を vertical-align: super; に変更した
2026-06-15 ::beforeの引用アイコンの表示位置を vertical-align: 指定で変更できない不具合を修正
line-height: calc(1em / 0.7);の指定を追加した
2026-06-08 CSS変数font-size-adjust: var(--inline-quote-font-size-adjust);を追加
2026-06-04 一つ上の行にあるborderにpadding:の上辺が覆い被さる不具合を修正
-padding: 6px 4px 1px 2px;
+padding: 5.5px 4px 1px 2px;
上辺の高さを差し戻したことになる
2026-05-30 ::beforeの代用アイコンを\f10d に差し戻し
2026-05-29 padding:の右辺を再調整した
2026-05-28 ::beforeの代用アイコンを\f10e に変更した
2026-05-28 表示不具合を修正
padding:の bottom に合わせて他辺のサイズを修正
2026-05-22 環境依存の表示不具合を修正
padding:の bottom を0.5pxから1pxに変更
-padding: 5.5px 4.5px 0.5px 2px;
+padding: 5.5px 4.5px 1px 2px;
2026-05-16 (/customize) セレクターを簡潔にする
2026-05-16 font-variant-ligatures: common-ligatures;を削除
2026-04-29 italic対応: [/ ]との併用可に変更（主に欧文用）
2026-04-28 リファクタリング
2026-04-15 カーソル行時に::beforeを表示しないように
2026-04-03 ページ作成