CSS3

特能

orientation

  編集:2022.07.10 by T.A.

[Edge]○。→mdn

方位状態。

名前 orientation
用途 @media
portrait | landscape
離散

portrait
媒体特能 orientation の実値は、[媒体特能 height の実値]が[媒体特能 width の実値]以上ならば、portrait になる。
landscape
他の場合、landscape になる。

次の媒体クエリは、方位が“縦置き”かどうかテストする。携帯電話を直立に握っているときのように。

@media (orientation:portrait) { … }

以下のCSSが組み込んであります:

<SPAN class=Test>テスト</SPAN><BR>
<SPAN class=Test2>テスト</SPAN><BR>

関連

テスト
HTML:

ここに表示
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: