--- title: orientation slug: Web/Manifest/orientation tags: - Manifest - Orientation - Web - マニフェスト translation_of: Web/Manifest/orientation --- <div>{{QuickLinksWithSubpages("/ja/docs/Web/Manifest")}}</div> <table class="properties"> <tbody> <tr> <th scope="row">型</th> <td><code>String</code></td> </tr> <tr> <th scope="row">必須</th> <td>いいえ</td> </tr> </tbody> </table> <p><code>orientation</code> メンバーは、ウェブサイトの最上位の{{Glossary("Browsing context", "閲覧コンテキスト")}}すべてについて、既定の向きを定義します。</p> <div class="blockIndicator note"> <p><strong>注:</strong> ユーザーエージェントの表示モードによっては、 <code>orientation</code> やその中の特定の値に対応していないことがあります。これらに対応することが、特定のコンテキストでは意味がないからです。</p> </div> <div class="blockIndicator note"> <p><strong>注:</strong> 実行時に画面の向きを変更するには、 <a href="/ja/docs/Web/API/Screen/orientation">Screen Orientation API</a> を利用して実現することができます。</p> </div> <h2 id="値">値</h2> <p><code>orientation</code> は以下の値の内の一つを取ることができます。</p> <ul> <li><code>any</code></li> <li><code>natural</code></li> <li><code>landscape</code></li> <li><code>landscape-primary</code></li> <li><code>landscape-secondary</code></li> <li><code>portrait</code></li> <li><code>portrait-primary</code></li> <li><code>portrait-secondary</code></li> </ul> <h2 id="Examples" name="Examples">例</h2> <pre class="brush: json"> "orientation": "portrait-primary"</pre> <h2 id="Specification" name="Specification">仕様書</h2> <table class="standard-table"> <thead> <tr> <th scope="col">仕様書</th> <th scope="col">状態</th> <th scope="col">備考</th> <th scope="col">フィードバック</th> </tr> </thead> <tbody> <tr> <td> <p>{{SpecName('Manifest', '#orientation-member', 'orientation')}}</p> </td> <td> <p>{{Spec2('Manifest')}}</p> </td> <td> <p>初回定義</p> </td> <td> <p><a href="https://github.com/w3c/manifest/issues/">Web App Manifest Working Group drafts</a></p> </td> </tr> </tbody> </table> <h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> <div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> <p>{{Compat("html.manifest.orientation")}}</p>