縦書きブロック・改
https://gyazo.com/5c34d3fdf96b2d30e7a1f8f43c626d71
まとめてひとつにしました。
[| テキスト ] により、 テキスト部分をブロックに囲んで縦書きにします。
[,| テキスト ] により、 明朝体を使います。 なんとなく気分で。
[,***| テキスト] のように ＊を1～5個を付けることで、表示オプションを与えることもできます。
https://gyazo.com/d26a13b9425f8875b4bd022abc7a7463
https://gyazo.com/0916967152563f6d2aff686a0c83282c
表題は自動行送りされず、1行で表記されます。縦に長く伸びます。
短冊の上下の余白は、空白文字の挿入で調整して下さい。
半角英数字は、本文内では横書き、表題短冊内では縦書きで表示されます。
⠀ ← ハングルフィラー 空白になる特殊文字のひとつ。辞書登録しておくと便利です。
テキストブロックのインデントにビュレットマークを出さないように！
code:style.css
.line .dot {
display: none !important;
}
code:style.css
font-family: 'Noto Serif JP','Noto Serif CJK JP','Hiragino Mincho ProN','Times New Roman','YuMincho','Yu Mincho','MS PMincho',serif;
}
.line:not(.cursor-line) .deco-\| {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
/* text-orientation: upright; */ /* 英数字の混成をどうするか...お好みで！ */
text-orientation: mixed;
position: absolute;
z-index: 900;
white-space: pre-wrap;
letter-spacing: -0.02em; /* 文字間隔をやや狭く */
font-size: 1.4rem;
font-weight: normal;
line-height: 2.3em; /* 行間は広めで */
height: 22.5em; /* ブロックの高さ */
border-style: solid;
border-width: 0px;
padding: 1.2em 2.0em 1.2em 2.0em;
}
.line:not(.cursor-line) .level-1 .deco-\| { /* ★１ 枠がつく */
font-size: 1.4rem;
font-weight: normal;
border-width: 1px;
}
.line:not(.cursor-line) .level-2 .deco-\| { /* ★2 太字 */
font-size: 1.4rem;
font-weight: bold;
border-width: 0px;
}
.line:not(.cursor-line) .level-3 .deco-\| { /* ★3 枠がつく 太字 */
font-size: 1.4rem;
font-weight: bold;
border-width: 1px;
}
/* ★４ ★５ タイトル短冊 */
.line:not(.cursor-line) .level-4 .deco-\| ,
.line:not(.cursor-line) .level-5 .deco-\| {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;
/* text-orientation: mixed; */ /* 英数字の混成をどうするか...お好みで！ */
letter-spacing: 0.05em; /* 文字間隔 */
white-space: pre;
line-height: 1.5em; /* 短冊の幅 */
height: initial;
position: absolute;
z-index: 910;
border-style: solid;
border-width: 1px;
padding: 0.5em 1.0em 0.5em 1.0em;
box-shadow: 4px 4px 3px rgba(0,0,0,.25);
font-size: 1.5rem;
font-weight: 600;
}
.line:not(.cursor-line) .level-5 .deco-\| {
font-size: 1.6rem;
font-weight: 800;
}
UserCSS.icon