見出しの太字を改ページにするUserCSS
旧タイトル：改ページ記法/ページタイトル記法
author: Nrem.icon
UserCSS.icon
表示を完全に一致させる
https://gyazo.com/ddfedae7c1995d304aa83425c0d2e60c
書式：空行の直後の行に置かれた太字記法*2以上（[** text]〜[********** text]）
ただし、インデントされている場合には対象外とします
セレクターを変更することで特定の太字サイズのみに適用することが可能です
これは太字の見出し利用そのものを禁止することができる記法です
/help-jp/見出し
Scrapboxには見出しを作る機能はありません
見出しが作れるほど独立した内容であれば、別のページに切り出す方が良いです
2026-07-07 全面的な書き直し
:has()非使用の実装に変更（新・改ページ記法/ページタイトル記法のスタイル指定の流用）
必要な変数が全て含まれた独立のUserCSSに
from /nrem-configs/セクションの最初の行の行頭にある太字＋をセクション見出し化する
code:style.css
htmldata-project-theme=default-minimal {
--card-border-width: 1px;
}
body {
--virtual-page-margin-top: calc(var(--calculated-paragraph-line-height, 24px) * 3); /* 改ページの間隔（＝疑似背景の縦幅） */
--page-padding-top: 42px;
--page-padding-left: 49px;
--page-padding-bottom: 42px;
--page-width: calc(100% + var(--page-padding-left, 49px) * 2);
}
@media(max-width: 767px) {
body {
--page-padding-top: 28px;
--page-padding-left: 21px;
--page-padding-bottom: 42px;
}
}
@media(min-width: 768px) and (max-width: 991px) {
body {
--page-padding-top: 42px;
--page-padding-left: 42px;
--page-padding-bottom: 35px;
}
}
.line.section-title strong:not(.indent *, .level-1) {
display: inline-block; box-sizing: content-box; width: 100%;
margin-top: calc(var(--page-padding-bottom) + var(--virtual-page-margin-top) + var(--page-padding-top));
height: auto;
margin-bottom: 24px;
color: var(--line-title-color, var(--page-text-color, #444));
font-weight: 400;
line-height: 42px;
font-size: 1.73em;
/* テロメアを隠す */
&::before {
content: ""; display: block; position: absolute;
background-color: var(--page-bg);
top: 0;
left: calc(-1 * var(--page-padding-left, 49px));
width: var(--page-padding-left, 49px);
height: calc(var(--page-padding-bottom) + var(--virtual-page-margin-top) + var(--page-padding-top));
}
/* 疑似背景 */
&::after {
content: ""; display: block; position: absolute;
top: var(--page-padding-bottom);
border-top: 4px solid hsl(0 0 0 / 0.16);
border-bottom: var(--card-border, unset);
height: var(--virtual-page-margin-top);
width: var(--page-width, 100%);
left: calc(-1 * (var(--page-padding-left, 49px) + var(--card-border-width, 0px)) );
background-color: var(--body-bg);
}
}
#文字装飾記法
#UserCSS