{"json_modified": "2016-10-22T00:42:17.347454", "uuid": "6eac61ea-f90e-4dfb-8038-41e4cfdc3272", "title": "display-mode", "url": "/en-US/docs/Web/CSS/@media/display-mode", "tags": ["CSS", "web app manifest", "media feature", "@media", "display-mode", "display"], "translations": [{"uuid": "e72c3367-3c39-4ed5-97fb-01a1428bd29f", "title": "display-mode", "url": "/fr/docs/Web/CSS/@media/display-mode", "tags": ["CSS", "Caract\u00e9ristique m\u00e9dia", "R\u00e9f\u00e9rence"], "summary": "<strong><code>display-mode</code></strong> est une caract\u00e9ristique m\u00e9dia CSS qui permet d'appliquer diff\u00e9rentes r\u00e8gles CSS selon le mode d'affichage de l'application. Cette caract\u00e9ristique correspond \u00e0 la propri\u00e9t\u00e9 <a href=\"/fr/docs/Web/Manifest#display\"><code>display</code> </a>du manifeste de l'application web. Les deux s'appliquent au contexte de navigation de plus haut niveau ainsi qu'aux contextes fils. Cette requ\u00eate s'appliquera dans tous les cas (qu'un manifeste d'application soit pr\u00e9sent ou non). On pourra utiliser cette caract\u00e9ristique afin qu'un utilisateur ait une exp\u00e9rience similaire selon qu'il lance le site depuis une URL ou depuis une ic\u00f4ne sur un bureau.", "localization_tags": [], "locale": "fr", "last_edit": "2016-06-28T02:52:53", "review_tags": []}, {"uuid": "a88c23c4-854d-40d4-8bc6-0cd2cb8e4b52", "title": "display-mode", "url": "/ja/docs/Web/CSS/@media/display-mode", "tags": ["CSS", "web app manifest", "media feature", "@media", "display-mode", "display"], "summary": "<strong><code>display-mode</code></strong> \u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30c7\u30a3\u30b9\u30d7\u30ec\u30a4\u30e2\u30fc\u30c9\u306b\u57fa\u3065\u3044\u3066\u9078\u629e\u7684\u306b CSS \u3092\u9069\u7528\u3059\u308b CSS \u30e1\u30c7\u30a3\u30a2\u6a5f\u80fd\u3067\u3059\u3002\u3053\u306e\u6a5f\u80fd\u306f\u3001Web \u30a2\u30c3\u30d7\u30de\u30cb\u30d5\u30a7\u30b9\u30c8\u306e <a href=\"/ja/docs/Web/Manifest#display\">display \u30e1\u30f3\u30d0\u30fc</a> \u306b\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u3002\u30c8\u30c3\u30d7\u30ec\u30d9\u30eb\u30d6\u30e9\u30a6\u30b8\u30f3\u30b0\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u3068\u5b50\u30d6\u30e9\u30a6\u30b8\u30f3\u30b0\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u306e\u4e21\u65b9\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u3002 \u3053\u306e\u30af\u30a8\u30ea\u306f\u3001Web \u30a2\u30c3\u30d7\u30de\u30cb\u30d5\u30a7\u30b9\u30c8\u306e\u6709\u7121\u306b\u304b\u304b\u308f\u3089\u305a\u9069\u7528\u3055\u308c\u307e\u3059\u3002URL \u304b\u3089\u30b5\u30a4\u30c8\u3092\u8d77\u52d5\u3059\u308b\u3068\u304d\u3068\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30a2\u30a4\u30b3\u30f3\u304b\u3089\u8d77\u52d5\u3059\u308b\u3068\u304d\u306e\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u306b\u4e00\u8cab\u6027\u3092\u6301\u305f\u305b\u308b\u305f\u3081\u306b\u3001\u3053\u306e\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2016-10-22T00:42:13", "review_tags": ["editorial"]}], "modified": "2016-03-17T13:12:20", "label": "display-mode", "localization_tags": [], "locale": "en-US", "id": 179444, "last_edit": "2016-03-17T13:12:17", "summary": "<strong><code>display-mode</code></strong> is a CSS media feature that selectively applies CSS based on the display mode\u00a0of the application. This feature corresponds the Web app manifest's\u00a0<a href=\"/en-US/docs/Web/Manifest#display\">display member</a>. Both apply to the top-level browsing context and any child browsing contexts. This query applies regardless of whether a web app manifest is present. Use this query to provide a consistant user experience between launching a site from an URL and lunching it from a desktop icon.", "sections": [{"id": "Examples", "title": "Examples"}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}], "slug": "Web/CSS/@media/display-mode", "review_tags": []}