縦書き割烹作成君
今回は縦書き割烹作成君の使い方とどんなふうにカスタマイズができるか説明していきます。
URL : https://k-editor.com/editor/genkou/
## 基本
縦書き割烹作成君は文字通り縦書きの割烹を作成するための物です。縦書き割烹を作りたいときにお使いください。デフォルトでは以下のコードが出力されます。
<div style="font-family:Yu Mincho,YuMincho,Hiragino Mincho Pr6N,Hiragino Mincho ProN,'Noto Serif JP',serif;line-height:1;font-size:1em;text-align:center"><div style="width:1.5em;padding:1em 0.5em 1em 0;border-top:solid 1px #818181;float:right;height:28em;"> </div></div><div style="clear:both;"></div>
それぞれの意味は以下の通り。
・font-family:フォント
・font-size: 文字サイズ
・padding:内余白
・line-height:行間
・text-align:行揃え
・width:要素幅
・border:枠線
・float:回り込み
注意点は空白を表示されないので使用しないように。なお、大量のコードが生成されるので改行も控えめにした方が良いと思います。
## コード説明
width:1.5em;で要素を無理やり一行にしています。一行当たりの文字数を指定し、無理やり文章を分割しています。
本来であればwriting-modeを指定し縦書きにすることができますが割烹では使えないのでこのような方法をとっています。無理やり作っているので柔軟性はありません。できるだけ単体でご利用ください。
またコードが多く生成されるため長文には向きません。
- - - ✂切り取り✂ - - -
ということで縦書き割烹作成君の使い方でした。もしよくわからない点などあれば感想などでお知らせください。
割烹で縦書きにして読みたい人はご利用してみてください。




