text
①表示環境(未指定の場合両方表示)
《text:sp》スマホのみ表示《/text》
スマホのみ表示
《text:pc》パソコンのみ表示《/text》
パソコンのみ表示
タブレットだとどうなるのかが個人的に気になるところです。
②文字色
《text:#ff0000》赤《/text》
赤
#の後に3桁か6桁のカラーコードを入力してください。
《color:#ff0000》赤《/color》
赤とほぼ同じですが、colorの方が文字数が何故か少なくなるようです。ただ、《text:#ff0000,sp》赤、スマホのみ表示《/text》のように併記できるのは便利です。また、colorだとダークモード時に色が変わるようです。
③背景色
《text:bg#ff0000》赤《/text》
赤
背景の色が変わります。
《bgcolor:#ff0000》赤《/bgcolor》
赤とは範囲がちょっと違いますね。また、ダークモード時の中にいる文字の色も異なるようです。
④回転(±360まで)
X軸：画面水平方向
Y軸：画面垂直方向
Z軸：平面上（通常のrオプションと同じ)
とのことです。
《text:rx180》あああああ《/text》
あああああ
《text:ry180》あああああ《/text》
あああああ
《text:rz180》あああああ《/text》=《text:r180》あああああ《/text》
あああああ=あああああ
⑤文字の向き
これは下で解説する縦書きboxのときに用いるもので、
縦中横 《text:tcy》あa《/text》
あa
正立 《text:upright》あa《/text》
あa
横向 《text:sideways》あa《/text》
あa
こんな感じになります。
⑥サイズ(0.1-3.99)
《text:s3.99》3.99倍《/text》
3.99倍
更に大きくしたければ重ねがけが可能です。
《text:s3.99》《text:s1.2》3.99×1.2倍《/text》《/text》
3.99×1.2倍
bigなどと違い、textで大きくして2行以上になると上手く改行が出来ないので、boxでlhを変更しましょう。
《box:lh4.8,overhidden》《text:s3.99》《text:s1.2》3.99×1.2倍《/text》《/text》《/box》
3.99×1.2倍
⑦フォント変更
《text:font0》font0《/text》
font0
《font:0》font0《/font》
font0とほぼ同じですが、textよりfontを使ったほうが文字数が少なくなるようです。
フォントについてはフォント変更機能や自作フォントをご覧ください。
box
①overhidden
領域外を隠す効果があります。基本的にスクロールバーは出したくないので、わざとスクロールさせたい場合以外は必須と言っていいものです。
《box:w2,h1,overhidden》あいうえお《/box》
あいうえお
スクロールの場合はoverscrollがあるようです。
②表示環境(未指定の場合両方表示)
《box:sp,overhidden》スマホのみ表示《/box》
スマホのみ表示
《box:pc,overhidden》パソコンのみ表示《/box》
パソコンのみ表示
③横幅(1-999)、縦幅(1-999)
w1で1文字分の横幅、h1で1文字分の高さ。w1%で本文幅のうちの1%、h1%で本文幅の高さ1%。100%以上の幅を指定してもそれがmaxだそうです。w1だと固定ですが%になるとスマホとパソコン、機種によっても本文幅は異なるためかなり変わってきます。
《box:w6,h2,overhidden,bo#000》あいうえお《/box》
あいうえお
《box:w50%,h10%,overhidden,bo#000》あいうえお《/box》
あいうえお
大体w23でスマホのw100%くらいです
④行間(0-5.99)
lhで行の高さを設定することが出来ます。スマホだとデフォルトで1.7、パソコンだと2.0です。
《box:lh0,overhidden,bo#000》《/box》
《box:lh1.7,overhidden,bo#000》デフォルトです《/box》
デフォルトです
《box:lh3,overhidden,bo#000》広くなります《/box》
広くなります
⑤文字幅(-5.99~5.99)
csで文字幅を調節することが出来ます。
《box:cs-0.5,overhidden》あいうえお《/box》
あいうえお
《box:cs1.5,overhidden》あいうえお《/box》
あいうえお
⑥背景色
《box:overhidden,bg#000》あああ《/box》
あああ
《boxbgcolor:#000》あああ《/boxbgcolor》
あああ
とは色が少し異なるようです。ダークモード時の挙動も異なります。
⑦枠線色
《box:overhidden,bo#000》あああ《/box》
あああ
《boxbordercolor:#000》あああ《/boxbordercolor》
あああ
とほぼ同じのようです。
⑧枠角丸(0.1-10)
borでboxの角を丸くすることが出来ます。
《box:overhidden,bo#000,bor1》あああ《/box》
あああ
まん丸っぽくすることも可能です
《box:w21,h21,bg#797979,bor9.9,overhidden》《/box》
⑨回転(±360まで)
《box:overhidden,rx180》あああ《/box》
あああ
《box:overhidden,ry180》あああ《/box》
あああ
《box:overhidden,rz180》あああ《/box》
あああ
《box:overhidden,r180》あああ《/box》
あああ
⑩padding(0.1-10)
pでbox内に余白を作ることが出来ます。
《box:overhidden,bo#000,p1》あああ《/box》
あああ
《box:overhidden,bo#000,p2》あああ《/box》
あああ
⑪margin(0.1-10)
mでbox外に余白を作ることが出来ます。
《box:overhidden,bo#000,m1》あああ《/box》
あああ
《box:overhidden,bo#000,m2》あああ《/box》
あああ
⑫縦書き
verticalを入れることで縦書きに出来ます。
《box:vertical,overhidden》あabc123《/box》
あabc123
また、uprightを入れると正立、
《box:vertical,overhidden,upright》あabc123《/box》
あabc123
sidewaysを入れると横向になります。
《box:vertical,overhidden,sideways》あabc123《/box》
あabc123
上のtext:tcyを使用する場合、uprightオプション使用の場合は3文字目以降のスペースがおかしいそうです。
⑬インライン表示
boxにinlineをつけることで横に並べたりすることが出来るようになります。
《box:overhidden,bo#000,inline》あああ《/box》《box:overhidden,bo#000,inline》あああ《/box》
あああ
あああ
⑭フォント一括変更
文字のフォントを変更できます。改行などするときは便利です。
《box:overhidden,font0》あああ
いいい《/box》
⑮位置指定(±10まで)、重なり順(1～999)
これが個人的にboxタグ最難関かと思われます。
まずabsoluteで位置指定する場合にはrelativeでここからだよ〜と決めてあげましょう。relativeが無いとどっかにすっ飛んでいく可能性があります。
《box:relative,overhidden,bo#000》基準を決める《/box》
基準を決める
続いて、この左上absolute(0/0)から上下右左にどのくらい動かしたいかを考えます。例えば、右に1、下に1ずらしたい場合はabsolute(1/1)で
《box:relative,overhidden,bo#000》基準を決める
《box:absolute(1/1),overhidden》右に1、下に1《/box》《/box》
逆に左に1、上に1ずらしたいときはabsolute(-1/-1)で
《box:relative,overhidden,bo#000》基準を決める《box:absolute(-1/-1),overhidden》左に1、上に1《/box》《/box》
見切れてますがこんな感じになります。
zは重ねる順番を決め、zの数が大きいほど前に来ます。
《box:relative,overhidden》《box:absolute(0/0),z9》z9なのでzより前に来ます《/box》 《box:absolute(0.2/0.2),z》《color:#cccccc》重ね字です《/color》《/box》《/box》