短冊

詠むときに使います。

https://i.gyazo.com/b8285b1600e1365ec424d5da8e4f1fbd.png

例：

[***| 青チヨオク]

[***| ＡＤＩＥＵと壁にかきすてて]

[***| 出でゆきし子のゆくゑしらずも　 ]

短冊の位置は、行とインデントで決めます。

短冊内の字下げは先頭の空白で調整します。

短冊の下の余白を増やすときは空白文字を挿入して下さい。

強調表記の * で文字を大きくできます。

テキストブロックのインデントにビュレットマークを出さないように！

code:style.css

.line .dot {

display: none !important;

}

code:style.css

.line:not(.cursor-line) .deco-\| {

font-family: 'Noto Serif JP','Noto Serif CJK JP','Hiragino Mincho ProN','Times New Roman','YuMincho','Yu Mincho','MS PMincho',serif;

/* 明朝系フォントでないと　短冊っぽくない　できれば手書きフォントが使いたい */

-ms-writing-mode: tb-rl;

writing-mode: vertical-rl;

text-orientation: upright;

/* text-orientation: mixed; */ /* 英数字の混成をどうするか...お好みで！　*/

letter-spacing: -0.02em; /*　文字間隔をやや狭く */

white-space: pre;

font-size: 0.9em;

font-weight: 500;

line-height: 1.5em; /* 短冊の幅 */

position: absolute;

z-index: 1000; /* イメージなどより前に出す設定　*/

border-style: solid;

border-width: 1px;

padding: 0.5em 1.0em 1.5em 1.0em;

box-shadow: 4px 4px 3px rgba(0,0,0,.2);

}

UserCSS.icon