CSS の orientation 記述子は、 @viewport で定義された文書の方向を制御します。

/* キーワード値 */
orientation: auto;
orientation: portrait;
orientation: landscape;

機器をを傾けることで方向が変更される UA や機器の場合、この記述子を使用して方向の変更を禁止することができます。

DB に値が見つかりません!

構文

auto
ユーザーエージェントは文書の向きを、通常は加速度計 (機器にそのようなハードウェアセンサーがある場合) によって特定された機器の方向に基づいて自動的に設定しますが、ユーザーによる制御もあり、加速度計を読むことを止めることで、 OS レベルの「方向のロック」設定でユーザーが制御することもよくあります。
portrait
文書は縦長の方向にロックされます。
landscape
文書は横長の方向にロックされます。

形式文法

Syntax not found in DB!

仕様書

仕様書 状態 備考
CSS Device Adaptation
"orientation" descriptor の定義
草案 初回定義

ブラウザーの対応

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応 なし ? なし10 -ms- なし ?
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応 ? ? ? ?8 -o- ? なし

ドキュメントのタグと貢献者

このページの貢献者: mfuji09
最終更新者: mfuji09,