唐澤貴洋Wiki

Fet-Fe

2024年11月8日 (金)に参加
利用者ページ 議論

利用者:Fet-Fe (ソースを閲覧)

2024年6月13日 (木) 08:16時点における版

839 バイト除去 、 2024年6月13日 (木)
細
→‎CSSグリッドレイアウト
>Fet-Fe
>Fet-Fe
569行目: 569行目:
詳しくは<ref>{{Archive|1=https://developer.mozilla.org/ja/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout|2=https://archive.vn/kLI9p|3=グリッドレイアウトの基本概念}} - MDN Web Docs</ref>や<ref>{{Archive|1=https://qiita.com/kura07/items/e633b35e33e43240d363|2=|3=CSS Grid Layout を極める！（基礎編）}} - Qiita</ref>を参照。
詳しくは<ref>{{Archive|1=https://developer.mozilla.org/ja/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout|2=https://archive.vn/kLI9p|3=グリッドレイアウトの基本概念}} - MDN Web Docs</ref>や<ref>{{Archive|1=https://qiita.com/kura07/items/e633b35e33e43240d363|2=|3=CSS Grid Layout を極める！（基礎編）}} - Qiita</ref>を参照。


<ruby style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
<ruby style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">若</span>
<span style="grid-row: 2/4; grid-column: 1/4;">若</span>
<rt style="grid-row: 1; grid-column: 1/4; font-size: .5em; align-self: center;">ごと</rt>
<rt style="grid-row: 1; grid-column: 1/4; font-size: .5em;">ごと</rt>
<sup style="grid-row: 1; grid-column: 3; font-size: .5em; align-self: center;">シ</sup>
<sup style="grid-row: 1; grid-column: 3; font-size: .5em;">シ</sup>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em; align-self: center;">㆑</sub>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em;">㆑</sub>
</ruby>は以下のHTMLで実現している。
</ruby>は以下のHTMLで実現している。


<code>
<code>
&lt;ruby style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;"&gt
&lt;ruby style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;"&gt;
&lt;span style="grid-row: 2/4; grid-column: 1/4; align-self: center;"&gt;若&lt;/span&gt;
&lt;span style="grid-row: 2/4; grid-column: 1/4;"&gt;若&lt;/span&gt;
&lt;rt style="grid-row: 1; grid-column: 1/4; font-size: .5em; align-self: center;"&gt;ごと&lt;/rt&gt;
&lt;rt style="grid-row: 1; grid-column: 1/4; font-size: .5em;"&gt;ごと&lt;/rt&gt;
&lt;sup style="grid-row: 1; grid-column: 3; font-size: .5em; align-self: center;"&gt;シ&lt;/sup&gt;
&lt;sup style="grid-row: 1; grid-column: 3; font-size: .5em;"&gt;シ&lt;/sup&gt;
&lt;sub style="grid-row: 3; grid-column: 3; font-size: .5em; align-self: center;"&gt;㆑&lt;/sub&gt;
&lt;sub style="grid-row: 3; grid-column: 3; font-size: .5em;"&gt;㆑&lt;/sub&gt;
&lt;/ruby&gt;
&lt;/ruby&gt;
</code>
</code>
588行目: 588行目:
但し返り点と送り仮名は<ref>{{Archive|https://www.jagat.or.jp/archives/21315|https://archive.vn/gJXMa|漢文の句読点や返り点の配置処理}} - 公益社団法人日本印刷技術協会</ref>や<ref>{{Archive|https://www.jagat.or.jp/%3Fp%3D21747|https://archive.vn/KY86h|漢文の送り仮名・読み仮名の配置処理}} - 公益社団法人日本印刷技術協会</ref>に従っている。
但し返り点と送り仮名は<ref>{{Archive|https://www.jagat.or.jp/archives/21315|https://archive.vn/gJXMa|漢文の句読点や返り点の配置処理}} - 公益社団法人日本印刷技術協会</ref>や<ref>{{Archive|https://www.jagat.or.jp/%3Fp%3D21747|https://archive.vn/KY86h|漢文の送り仮名・読み仮名の配置処理}} - 公益社団法人日本印刷技術協会</ref>に従っている。
<div style="writing-mode: vertical-rl; font-size: 20px;">
<div style="writing-mode: vertical-rl; font-size: 20px;">
<span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
<span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">無</span>
<span style="grid-row: 2/4; grid-column: 1/4;">無</span>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em; align-self: center;">クシテ</sup>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em;">クシテ</sup>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em; align-self: center;">㆓</sub>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em;">㆓</sub>
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">恆</span>
<span style="grid-row: 2/4; grid-column: 1/4;">恆</span>
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">產</span>
<span style="grid-row: 2/4; grid-column: 1/4;">產</span>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em; align-self: center;">㆒</sub>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em;">㆒</sub>
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">而</span>
<span style="grid-row: 2/4; grid-column: 1/4;">而</span>
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">有󠄁</span>
<span style="grid-row: 2/4; grid-column: 1/4;">有󠄁</span>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em; align-self: center;">ル</sup>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em;">ル</sup>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em; align-self: center;">㆓</sub>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em;">㆓</sub>
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">[[恒心|恆心]]</span>
<span style="grid-row: 2/4; grid-column: 1/4;">[[恒心|恆心]]</span>
<sub style="grid-row: 3; grid-column: 4; font-size: .5em; align-self: center;">㆒</sub>
<sub style="grid-row: 3; grid-column: 4; font-size: .5em;">㆒</sub>
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">者󠄁、</span>
<span style="grid-row: 2/4; grid-column: 1/4;">者󠄁、</span>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em; align-self: center;">ハ</sup>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em;">ハ</sup>
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">惟</span>
<span style="grid-row: 2/4; grid-column: 1/4;">惟</span>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em; align-self: center;">ダ</sup>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em;">ダ</sup>
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">士</span>
<span style="grid-row: 2/4; grid-column: 1/4;">士</span>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em; align-self: center;">ノミ</sup>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em;">ノミ</sup>
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">爲</span>
<span style="grid-row: 2/4; grid-column: 1/4;">爲</span>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em; align-self: center;">ス</sup>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em;">ス</sup>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em; align-self: center;">㆑</sub>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em;">㆑</sub>
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">能。</span>
<span style="grid-row: 2/4; grid-column: 1/4;">能。</span>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em; align-self: center;">クスルヲ</sup>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em;">クスルヲ</sup>
</span><br>
</span><br>
<span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
<span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">若</span>
<span style="grid-row: 2/4; grid-column: 1/4;">若</span>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em; align-self: center;">キハ</sup>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em;">キハ</sup>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em; align-self: center;">㆑</sub>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em;">㆑</sub>
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">民</span>
<span style="grid-row: 2/4; grid-column: 1/4;">民</span>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em; align-self: center;">ノ</sup>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em;">ノ</sup>
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">則</span>
<span style="grid-row: 2/4; grid-column: 1/4;">則</span>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em; align-self: center;">チ</sup>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em;">チ</sup>
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">無</span>
<span style="grid-row: 2/4; grid-column: 1/4;">無</span>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em; align-self: center;">ケレバ</sup>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em;">ケレバ</sup>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em; align-self: center;">㆓</sub>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em;">㆓</sub>
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">恆</span>
<span style="grid-row: 2/4; grid-column: 1/4;">恆</span>
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">產、</span>
<span style="grid-row: 2/4; grid-column: 1/4;">產、</span>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em; align-self: center;">㆒</sub>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em;">㆒</sub>
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">因</span>
<span style="grid-row: 2/4; grid-column: 1/4;">因</span>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em; align-self: center;">リテ</sup>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em;">リテ</sup>
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">無</span>
<span style="grid-row: 2/4; grid-column: 1/4;">無</span>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em; align-self: center;">シ</sup>
<sup style="grid-row: 1; grid-column: 2/4; font-size: .5em;">シ</sup>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em; align-self: center;">㆓</sub>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em;">㆓</sub>
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">恆</span>
<span style="grid-row: 2/4; grid-column: 1/4;">恆</span>
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
</span><span style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">心。</span>
<span style="grid-row: 2/4; grid-column: 1/4;">心。</span>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em; align-self: center;">㆒</sub>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em;">㆒</sub>
</span>
</span>
<br><br>
<br><br>
662行目: 662行目:
若民則無恒産<sup style="font-size: 0.5em;">이면</sup> 因無恒心<sub style="font-size: 0.5em; display: inline-block;">이니<br>라</sub>
若民則無恒産<sup style="font-size: 0.5em;">이면</sup> 因無恒心<sub style="font-size: 0.5em; display: inline-block;">이니<br>라</sub>
<br><br>
<br><br>
<ruby style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
<ruby style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">將</span>
<span style="grid-row: 2/4; grid-column: 1/4;">將</span>
<rt style="grid-row: 1; grid-column: 1/4; font-size: .5em; align-self: center;">まさ</rt>
<rt style="grid-row: 1; grid-column: 1/4; font-size: .5em;">まさ</rt>
<sup style="grid-row: 1; grid-column: 3; font-size: .5em; align-self: center;">ニ</sup>
<sup style="grid-row: 1; grid-column: 3; font-size: .5em;">ニ</sup>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em; align-self: center;">㆑</sub>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em;">㆑</sub>
<span style="grid-row: 4; grid-column: 1/4; font-size: .5em; align-self: center;">す</span>
<span style="grid-row: 4; grid-column: 1/4; font-size: .5em;">す</span>
</ruby><ruby style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
</ruby><ruby style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">殺󠄀</span>
<span style="grid-row: 2/4; grid-column: 1/4;">殺󠄀</span>
<rt style="grid-row: 1; grid-column: 1/4; font-size: .5em; align-self: center;">ころ</rt>
<rt style="grid-row: 1; grid-column: 1/4; font-size: .5em;">ころ</rt>
<sup style="grid-row: 1; grid-column: 3; font-size: .5em; align-self: center;">サント</sup>
<sup style="grid-row: 1; grid-column: 3; font-size: .5em;">サント</sup>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em; align-self: center;">㆓</sub>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em;">㆓</sub>
</ruby><ruby style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
</ruby><ruby style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">唐󠄁</span>
<span style="grid-row: 2/4; grid-column: 1/4;">唐󠄁</span>
<rt style="grid-row: 1; grid-column: 1/4; font-size: .5em; align-self: center;">から</rt>
<rt style="grid-row: 1; grid-column: 1/4; font-size: .5em;">から</rt>
</ruby><ruby style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
</ruby><ruby style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">澤</span>
<span style="grid-row: 2/4; grid-column: 1/4;">澤</span>
<rt style="grid-row: 1; grid-column: 1/4; font-size: .5em; align-self: center;">さは</rt>
<rt style="grid-row: 1; grid-column: 1/4; font-size: .5em;">さは</rt>
</ruby><ruby style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
</ruby><ruby style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">貴</span>
<span style="grid-row: 2/4; grid-column: 1/4;">貴</span>
<rt style="grid-row: 1; grid-column: 1/4; font-size: .5em; align-self: center;">たか</rt>
<rt style="grid-row: 1; grid-column: 1/4; font-size: .5em;">たか</rt>
</ruby><ruby style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; vertical-align: middle;">
</ruby><ruby style="display: inline-grid; grid-template-rows: .5em .5em .5em .5em; grid-template-columns: .5em .5em auto; align-items:center; vertical-align: middle;">
<span style="grid-row: 2/4; grid-column: 1/4; align-self: center;">洋。</span>
<span style="grid-row: 2/4; grid-column: 1/4;">洋。</span>
<rt style="grid-row: 1; grid-column: 1/4; font-size: .5em; align-self: center;">ひろ</rt>
<rt style="grid-row: 1; grid-column: 1/4; font-size: .5em;">ひろ</rt>
<sup style="grid-row: 1; grid-column: 3; font-size: .5em; align-self: center;">ヲ</sup>
<sup style="grid-row: 1; grid-column: 3; font-size: .5em;">ヲ</sup>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em; align-self: center;">㆒</sub>
<sub style="grid-row: 3; grid-column: 3; font-size: .5em;">㆒</sub>
</ruby>
</ruby>
<br><br>
<br><br>
匿名利用者
「https://krsw-wiki.in/wiki/特別:携帯機器差分/91866」から取得