---
title: orientation
slug: Web/Manifest/orientation
status:
  - experimental
browser-compat: html.manifest.orientation
---

{{QuickLinksWithSubpages("/en-US/docs/Web/Manifest")}}{{SeeCompatTable}}

<table class="properties">
  <tbody>
    <tr>
      <th scope="row">Type</th>
      <td><code>String</code></td>
    </tr>
    <tr>
      <th scope="row">Mandatory</th>
      <td>No</td>
    </tr>
  </tbody>
</table>

The `orientation` member defines the default orientation for all the website's top-level {{Glossary("Browsing context", "browsing contexts")}}.

> **Note:** `orientation` and/or its specific values might not be supported by a user agent on various display modes because supporting them does not make sense for the particular context.

> **Note:** The orientation can be changed at runtime via the [Screen Orientation API](/en-US/docs/Web/API/Screen/orientation).

## Values

`orientation` can take one of the following values:

- `any`
- `natural`
- `landscape`
- `landscape-primary`
- `landscape-secondary`
- `portrait`
- `portrait-primary`
- `portrait-secondary`

## Examples

```json
"orientation": "portrait-primary"
```

## Specifications

{{Specifications}}

## Browser compatibility

{{Compat}}


Collaborative Calculation and Data Science

colby

sagemath

Values

Examples

Specifications

Browser compatibility

Product

Resources

Company

Type	`String`
Mandatory	No