Fet-Fe

2024年11月8日 (金)に参加
編集の要約なし
>Fet-Fe
編集の要約なし
13行目: 13行目:


آمِينَ</div>
آمِينَ</div>
コテハン: ◆A9IJuhAh722B


連絡は[[{{TALKPAGENAME}}|トークページ]]までお願いします
連絡は[[{{TALKPAGENAME}}|トークページ]]までお願いします
421行目: 423行目:


=== 右横書き ===
=== 右横書き ===
日本語でかつて用いられていた右横書きはCSSで<code>direction: rtl; unicode-bidi: bidi-override;</code><ref>https://developer.mozilla.org/ja/docs/Web/CSS/direction</ref>で実現できる。
日本語でかつて用いられていた右横書きはHTMLの<code>&lt;bdo dir="rtl"&gt;</code><ref>https://developer.mozilla.org/ja/docs/Web/HTML/Element/bdo</ref><ref>{{Archive|1=https://www.w3.org/International/questions/qa-ltr-scripts-in-rtl|2=https://archive.vn/Jm3ZH|3=RTL rendering of LTR scripts}} - W3C</ref>で実現できる。
但し下のように多くの環境で約物が逆向きになる。
但し下のように多くの環境で約物が逆向きになる。


: <span style="direction: rtl; unicode-bidi: bidi-override;">「唐澤貴洋殺す。」</span>
: <bdo dir="rtl">「唐澤貴洋殺す。」</bdo>


日本語には元々右横書きが存在せず、一行一文字の縦書きであるという説もある。
日本語には元々右横書きが存在せず、一行一文字の縦書きであるという説もある<ref>{{Archive|https://osito.jp/minkana/migiyoko.html|https://archive.vn/D0JAn|戦前の左横書き - みんなのかなづかひ}}</ref>。
<ref>{{Archive|https://osito.jp/minkana/migiyoko.html|https://archive.vn/D0JAn|戦前の左横書き - みんなのかなづかひ}}</ref>。


これをCSSで再現しようとすると<code>writing-mode: vertical-rl; height:1em;</code>となる。
これをCSSで再現しようとすると<code>writing-mode: vertical-rl; height:1em;</code>となる。
456行目: 457行目:


一応Unicodeの勧告ではデフォルトのltr方向が上書きされてrtl属性を持った場合左右反転すべきだとしている<ref>[https://www.unicode.org/versions/Unicode15.0.0/ch11.pdf The Unicode® Standard Version 15.0 – Core Specification. Chapter 11 Cuneiform and Hieroglyphs]</ref><ref>[https://www.unicode.org/versions/Unicode15.0.0/ch08.pdf The Unicode® Standard Version 15.0 – Core Specification. Chapter 8 Europe-II Ancient and Other Scripts]</ref>。
一応Unicodeの勧告ではデフォルトのltr方向が上書きされてrtl属性を持った場合左右反転すべきだとしている<ref>[https://www.unicode.org/versions/Unicode15.0.0/ch11.pdf The Unicode® Standard Version 15.0 – Core Specification. Chapter 11 Cuneiform and Hieroglyphs]</ref><ref>[https://www.unicode.org/versions/Unicode15.0.0/ch08.pdf The Unicode® Standard Version 15.0 – Core Specification. Chapter 8 Europe-II Ancient and Other Scripts]</ref>。
これに従っているフォントであれば、<code>direction: rtl; unicode-bidi: bidi-override;</code>を適用すれば<code>rotateY</code>しなくても文字が反転してくれる。
これに従っているフォントであれば、<code>&lt;bdo dir="rtl"&gt;</code>を適用すれば<code>rotateY</code>しなくても文字が反転してくれる。


: <span lang="egy" style="direction: rtl; unicode-bidi: bidi-override;">𓂋𓐰𓏺𓈖𓆎𓅓𓏏𓐰𓊖</span>
: <bdo lang="egy" dir="rtl">𓂋𓐰𓏺𓈖𓆎𓅓𓏏𓐰𓊖</bdo>
: <span lang="ett" style="direction: rtl; unicode-bidi: bidi-override;">𐌓𐌀𐌔𐌍𐌀</span>
: <bdo lang="ett" dir="rtl">𐌓𐌀𐌔𐌍𐌀</bdo>


但しフォントにこの機能が付いていないことも考えられるので、<code>transform: rotateY(180deg);</code>の方が確実である。
但しフォントにこの機能が付いていないことも考えられるので、<code>transform: rotateY(180deg);</code>の方が確実である。
45

回編集