{"json_modified": "2016-06-29T12:45:48.789886", "uuid": "0f417b42-bd56-4ae7-8323-81c52576d0f4", "title": "<ratio>", "url": "/fr/docs/Web/CSS/ratio", "tags": ["CSS", "Type", "R\u00e9f\u00e9rence"], "translations": [{"uuid": "8b098895-52ba-41ac-b342-95632dc8d503", "title": "<ratio>", "url": "/en-US/docs/Web/CSS/ratio", "tags": ["CSS", "Reference", "Web", "Layout", "CSS Data Type"], "summary": "The <code>&lt;ratio&gt;</code> <a href=\"/en-US/docs/Web/CSS\">CSS</a> data type, used for describing aspect ratios in <a class=\"internal\" href=\"/en-US/docs/Web/Guide/CSS/Media_queries\">media queries</a>, denotes the proportion between two unitless values. It is a strictly positive <a href=\"/en-US/docs/Web/CSS/integer\" title=\"The &lt;integer&gt; CSS data type denotes an integer number, positive or negative. There isn't any associated unit with the value. An integer consists of one or several decimal digits, 0 to 9, optionally preceded by one single + or - sign.\"><code>&lt;integer&gt;</code></a> followed by a slash ('/', Unicode<code> U+002F SOLIDUS</code>) and a second strictly positive <a href=\"/en-US/docs/Web/CSS/integer\" title=\"The &lt;integer&gt; CSS data type denotes an integer number, positive or negative. There isn't any associated unit with the value. An integer consists of one or several decimal digits, 0 to 9, optionally preceded by one single + or - sign.\"><code>&lt;integer&gt;</code></a>. There may be spaces before and after the solidus.", "localization_tags": [], "locale": "en-US", "last_edit": "2016-06-28T06:21:42", "review_tags": []}, {"uuid": "74ea0a0f-abc1-4a92-8d74-55b78eb281c6", "title": "<ratio>", "url": "/ja/docs/Web/CSS/ratio", "tags": ["CSS", "CSS Reference"], "summary": "<code>&lt;ratio&gt;</code> <a href=\"/ja/docs/CSS\" title=\"CSS\">CSS</a> \u30c7\u30fc\u30bf\u578b\u306f\u3001<a href=\"/ja/docs/CSS/Media_queries\" class=\"internal\" title=\"ja/CSS/Media queries\">\u30e1\u30c7\u30a3\u30a2\u30af\u30a8\u30ea</a> \u306b\u304a\u3051\u308b\u753b\u9762\u6bd4\u7387\u306e\u8a18\u8ff0\u306b\u4f7f\u7528\u3055\u308c\u3001\u5358\u4f4d\u7121\u3057\u306e 2 \u5024\u306e\u6bd4\u7387\u3067\u793a\u3057\u307e\u3059\u3002\u3053\u306e\u5024\u306f\u3001\u53b3\u5bc6\u306a\u6b63\u306e <a href=\"/ja/docs/Web/CSS/integer\" title=\"CSS &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x3067;&#x4F7F;&#x7528;&#x3055;&#x308C;&#x308B;&#x6574;&#x6570;&#x5024;&#x306B;&#x306F;&#x5358;&#x4F4D;&#x304C;&#x3042;&#x308A;&#x307E;&#x305B;&#x3093;&#x3002;\"><code>&lt;integer&gt;</code></a>\u3001\u30b9\u30e9\u30c3\u30b7\u30e5 ('/', Unicode<code> U+002F SOLIDUS</code>)\u30012 \u756a\u76ee\u306e\u53b3\u5bc6\u306a\u6b63\u306e <a href=\"/ja/docs/Web/CSS/integer\" title=\"CSS &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x3067;&#x4F7F;&#x7528;&#x3055;&#x308C;&#x308B;&#x6574;&#x6570;&#x5024;&#x306B;&#x306F;&#x5358;&#x4F4D;&#x304C;&#x3042;&#x308A;&#x307E;&#x305B;&#x3093;&#x3002;\"><code>&lt;integer&gt;</code></a> \u306e\u9806\u306b\u8a18\u8ff0\u3057\u307e\u3059\u3002\u30b9\u30e9\u30c3\u30b7\u30e5\u306e\u524d\u5f8c\u306b\u306f\u30b9\u30da\u30fc\u30b9\u304c\u5165\u308a\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2016-06-28T06:13:06", "review_tags": []}, {"uuid": "eab16fcc-3c84-4e55-8270-f6ae23f0848c", "title": "<ratio>", "url": "/de/docs/Web/CSS/ratio", "tags": ["CSS", "Referenz", "Web", "Layout", "CSS Datentypen"], "summary": "Der <code>&lt;ratio&gt;</code> <a href=\"/de/docs/Web/CSS\">CSS</a> Datentyp, der zur Beschreibung von Seitenverh\u00e4ltnissen in <a class=\"internal\" href=\"/de/docs/Web/Guide/CSS/Media_queries\">Media Queries</a> verwendet wird, bezeichnet das Verh\u00e4ltnis zwischen zwei einheitenlosen Werten. Es ist ein strikt positiver <a href=\"/de/docs/Web/CSS/integer\" title=\"Der&#xA0;CSS Wert &lt;integer&gt; ist eine Ganzzahl zwischen 0 und 9. data type denotes an integer number, positive or negative. Davor kann ein + oder - stehen. Steht nichts davor ist der Interger positiv.\"><code>&lt;integer&gt;</code></a> Wert gefolgt von einem Slash ('/', Unicode <code>U+002F SOLIDUS</code>) und einem zweiten strikt positivem <a href=\"/de/docs/Web/CSS/integer\" title=\"Der&#xA0;CSS Wert &lt;integer&gt; ist eine Ganzzahl zwischen 0 und 9. data type denotes an integer number, positive or negative. Davor kann ein + oder - stehen. Steht nichts davor ist der Interger positiv.\"><code>&lt;integer&gt;</code></a>. Vor und nach dem Schr\u00e4gstrich k\u00f6nnen Leerzeichen stehen.", "localization_tags": [], "locale": "de", "last_edit": "2016-06-28T06:17:52", "review_tags": []}], "modified": "2016-06-29T12:45:48", "label": "<ratio>", "localization_tags": [], "locale": "fr", "id": 61799, "last_edit": "2016-06-29T12:45:43", "summary": "<iframe class=\"live-sample-frame sample-code-frame\" frameborder=\"0\" height=\"300\" id=\"frame_Exemple_appliqu&#xE9;\" src=\"https://mdn.mozillademos.org/fr/docs/Web/CSS/ratio$samples/Exemple_appliqu&#xE9;?revision=1077686\" width=\"300\"/>", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Exemples", "title": "Exemples"}, {"id": "Exemple_appliqu\u00e9", "title": "Exemple appliqu\u00e9"}, {"id": "CSS", "title": "CSS"}, {"id": "HTML", "title": "HTML"}, {"id": "R\u00e9sultat", "title": "R\u00e9sultat"}, {"id": "Sp\u00e9cifications", "title": "Sp\u00e9cifications"}, {"id": "Compatibilit\u00e9_des_navigateurs", "title": "Compatibilit\u00e9 des navigateurs"}, {"id": "Voir_aussi", "title": "Voir aussi"}], "slug": "Web/CSS/ratio", "review_tags": []}