{"json_modified": "2016-06-29T05:41:25.285858", "uuid": "36cb350a-d545-4567-996d-79c23dde30ce", "title": "<length>", "url": "/de/docs/Web/CSS/length", "tags": [], "translations": [{"uuid": "30e3a306-f92e-489e-9b64-187670ff78d1", "title": "<length>", "url": "/en-US/docs/Web/CSS/length", "tags": ["CSS", "Reference", "Web", "Layout", "CSS Data Type"], "summary": "The <code>&lt;length&gt;</code> <a href=\"/en-US/docs/Web/CSS\">CSS</a> data type denotes distance measurements. It is a <a href=\"/en-US/docs/Web/CSS/number\" title=\"The &lt;number&gt; CSS data type represents a number, either integer or fractional. Its syntax extends the one of the &lt;integer&gt; data value. To represent a fractional value, add the fractional part &#x2014; a '.' followed by one or several decimal digits &#x2014; to any &lt;integer&gt; data value. Like for &lt;integer&gt; data type, there isn't any unit associated to a &lt;number&gt;, which is not a CSS dimension.\"><code>&lt;number&gt;</code></a> immediately followed by a length unit (<code>px</code>, <code>em</code>, <code>pc</code>, <code>in</code>, <code>mm</code>, \u2026). Like for any CSS dimension, there is no space between the unit literal and the number.\u00a0The length unit is optional after the <a href=\"/en-US/docs/Web/CSS/number\" title=\"The &lt;number&gt; CSS data type represents a number, either integer or fractional. Its syntax extends the one of the &lt;integer&gt; data value. To represent a fractional value, add the fractional part &#x2014; a '.' followed by one or several decimal digits &#x2014; to any &lt;integer&gt; data value. Like for &lt;integer&gt; data type, there isn't any unit associated to a &lt;number&gt;, which is not a CSS dimension.\"><code>&lt;number&gt;</code></a> <code>0</code>.", "localization_tags": [], "locale": "en-US", "last_edit": "2016-06-28T05:52:47", "review_tags": []}, {"uuid": "c05e1077-e627-4b2e-b575-118e3f5bf1e8", "title": "<length>", "url": "/ja/docs/Web/CSS/Length", "tags": ["CSS", "CSS Reference"], "summary": "<a href=\"/ja/docs/CSS_Reference\" title=\"ja/CSS_Reference\">CSS \u30d7\u30ed\u30d1\u30c6\u30a3</a> \u306e\u4e2d\u306b\u306f <code>&lt;length&gt;</code> \u3092\u5024\u3068\u3057\u3066\u6301\u3064\u3082\u306e\u304c\u591a\u304f\u3042\u308a\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001 <a href=\"/ja/docs/Web/CSS/width\" title=\"CSS &#x306E; width &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x8981;&#x7D20;&#x306E;&#x30B3;&#x30F3;&#x30C6;&#x30F3;&#x30C4;&#x30A8;&#x30EA;&#x30A2;&#x9818;&#x57DF;&#x306E;&#x6A2A;&#x5E45;&#x3092;&#x6307;&#x5B9A;&#x3059;&#x308B;&#x305F;&#x3081;&#x306E;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x3067;&#x3059;&#x3002;&#x30B3;&#x30F3;&#x30C6;&#x30F3;&#x30C4;&#x30A8;&#x30EA;&#x30A2;&#x3068;&#x306F;&#x3001;&#x8981;&#x7D20;&#x306E;&#x30D1;&#x30C7;&#x30A3;&#x30F3;&#x30B0;&#x3001;&#x30DC;&#x30FC;&#x30C0;&#x30FC;&#x3001;&#x30DE;&#x30FC;&#x30B8;&#x30F3;&#x3088;&#x308A;&#x5185;&#x5074;&#x306E;&#x9818;&#x57DF;&#x3092;&#x6307;&#x3057;&#x307E;&#x3059;&#x3002;\"><code>width</code></a>, <a href=\"/ja/docs/Web/CSS/margin\" title=\"margin CSS&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x56DB;&#x65B9;&#x5168;&#x3066;&#x306E;&#x4F59;&#x767D;&#x3092;&#x8A2D;&#x5B9A;&#x3057;&#x307E;&#x3059;&#x3002;margin &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x5358;&#x4E00;&#x65B9;&#x5411;&#x306E; margin &#x3092;&#x8A2D;&#x5B9A;&#x3059;&#x308B;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3; ( margin-top / margin-right / margin-bottom / margin-left ) &#x3092;&#x540C;&#x6642;&#x306B;&#x5168;&#x65B9;&#x5411;&#x306B;&#x5BFE;&#x3057;&#x3066;&#x6307;&#x5B9A;&#x3059;&#x308B;&#x70BA;&#x306E;&#x30B7;&#x30E7;&#x30FC;&#x30C8;&#x30CF;&#x30F3;&#x30C9;&#x30FB;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x3067;&#x3059;&#x3002;&#10; &#x8CA0;&#x306E;&#x5024;&#x3092;&#x6307;&#x5B9A;&#x3059;&#x308B;&#x4E8B;&#x3082;&#x51FA;&#x6765;&#x307E;&#x3059;&#x3002;\"><code>margin</code></a>, <a href=\"/ja/docs/Web/CSS/padding\" title=\"CSS &#x306E; padding &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x8981;&#x7D20;&#x306E; 4 &#x8FBA;&#x5168;&#x3066;&#x306B;&#x5FC5;&#x8981;&#x306A;&#x30D1;&#x30C7;&#x30A3;&#x30F3;&#x30B0;&#x9818;&#x57DF;&#x3092;&#x8A2D;&#x5B9A;&#x3057;&#x307E;&#x3059;&#x3002;&#x30D1;&#x30C7;&#x30A3;&#x30F3;&#x30B0;&#x9818;&#x57DF;&#x3068;&#x306F;&#x3001;&#x8981;&#x7D20;&#x306E;&#x5185;&#x5BB9;&#x3068;&#x5883;&#x754C;&#x3068;&#x306E;&#x9593;&#x306E;&#xFF08;&#x67A0;&#x5185;&#xFF09;&#x4F59;&#x767D;&#x306E;&#x4E8B;&#x3067;&#x3059;&#x3002;&#x8CA0;&#x306E;&#x5024;&#x306F;&#x8A31;&#x53EF;&#x3055;&#x308C;&#x3066;&#x3044;&#x307E;&#x305B;&#x3093;&#x3002;\"><code>padding</code></a>, <a href=\"/ja/docs/Web/CSS/font-size\" title=\"CSS &#x306E; font-size &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x30D5;&#x30A9;&#x30F3;&#x30C8;&#x306E;&#x30B5;&#x30A4;&#x30BA;&#x3092;&#x5B9A;&#x7FA9;&#x3057;&#x307E;&#x3059;&#x3002;&#x3053;&#x306E;&#x30D5;&#x30A9;&#x30F3;&#x30C8;&#x30B5;&#x30A4;&#x30BA;&#x306F; em &#x3068; ex &#x5358;&#x4F4D;&#x306E;&#x5024;&#x306E;&#x8A08;&#x7B97;&#x306B;&#x4F7F;&#x308F;&#x308C;&#x308B;&#x306E;&#x3067;&#x3001;&#x4ED6;&#x306E;&#x9805;&#x76EE;&#x306E;&#x30B5;&#x30A4;&#x30BA;&#x3082;&#x5909;&#x66F4;&#x3059;&#x308B;&#x53EF;&#x80FD;&#x6027;&#x304C;&#x3042;&#x308A;&#x307E;&#x3059;&#x3002;\"><code>font-size</code></a>, <a href=\"/ja/docs/Web/CSS/border-width\" title=\"CSS&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3; border-width &#x306F;&#x3001;&#x30DC;&#x30C3;&#x30AF;&#x30B9;&#x306E;&#x5883;&#x754C;&#x7DDA;&#x306E;&#x5E45;&#x3092;&#x8A2D;&#x5B9A;&#x3057;&#x307E;&#x3059;&#x3002;&#x30B7;&#x30E7;&#x30FC;&#x30C8;&#x30AB;&#x30C3;&#x30C8;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;border&#x3092;&#x4F7F;&#x7528;&#x3057;&#x305F;&#x65B9;&#x304C;&#x3001;&#x4FBF;&#x5229;&#x306A;&#x3053;&#x3068;&#x304C;&#x591A;&#x3044;&#x3067;&#x3059;&#x3002;\"><code>border-width</code></a>, <a href=\"/ja/docs/Web/CSS/text-shadow\" title=\"text-shadow &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x30C6;&#x30AD;&#x30B9;&#x30C8;&#x306B;&#x5F71;&#x3092;&#x8FFD;&#x52A0;&#x3057;&#x307E;&#x3059;&#x3002;&#x8981;&#x7D20;&#x306E;&#x30C6;&#x30AD;&#x30B9;&#x30C8;&#x3068; text-decoration &#x306B;&#x9069;&#x7528;&#x3059;&#x308B;&#x5F71;&#x52B9;&#x679C;&#x3092;&#x30AB;&#x30F3;&#x30DE;&#x533A;&#x5207;&#x308A;&#x306E;&#x30EA;&#x30B9;&#x30C8;&#x3068;&#x3057;&#x3066;&#x6307;&#x5B9A;&#x3067;&#x304D;&#x307E;&#x3059;&#x3002;\"><code>text-shadow</code></a> \u7b49\u3067\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2016-04-24T10:56:52", "review_tags": []}, {"uuid": "d94a5204-c749-456a-8a2b-27f337aad841", "title": "<length>", "url": "/fr/docs/Web/CSS/length", "tags": ["CSS", "Type", "R\u00e9f\u00e9rence"], "summary": "Le type de donn\u00e9es CSS <strong><code>&lt;length&gt;</code></strong> correspond \u00e0 une mesure de distance. C'est un nombre (type <a href=\"/fr/docs/Web/CSS/number\" title=\"Le type de donn&#xE9;e CSS &lt;number&gt; permet de repr&#xE9;senter des nombres entiers ou d&#xE9;cimaux. C'est donc un type qui englobe le type de donn&#xE9;es &lt;integer&gt; (permettant de repr&#xE9;senter des entiers). Pour repr&#xE9;senter des nombres d&#xE9;cimaux, on utilisera le point (.) comme s&#xE9;parateur. Comme pour &lt;integer&gt;, il n'y a aucune unit&#xE9; associ&#xE9;e aux valeurs de type &lt;number&gt; (ce n'est donc pas une dimension).\"><code>&lt;number&gt;</code></a>) imm\u00e9diatement suivi d'une unit\u00e9 de longueur (<code>px</code>, <code>em</code>, <code>pc</code>, <code>in</code>, <code>mm</code>, \u2026). Comme toutes les dimensions CSS, il n'y aucun espace entre le nombre et l'unit\u00e9.", "localization_tags": [], "locale": "fr", "last_edit": "2016-05-27T11:31:36", "review_tags": []}, {"uuid": "06935d31-bcbe-4d36-a91e-13448380330e", "title": "<length>", "url": "/es/docs/Web/CSS/length", "tags": ["CSS"], "summary": "Muchas propiedades CSS (<a href=\"es/CSS_Reference\">CSS properties</a>) toman valores de longitud, como por ejemplo <a href=\"/es/docs/Web/CSS/width\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>width</code></a>, <a href=\"/es/docs/Web/CSS/margin-top\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>margin-top</code></a>, y <a href=\"/es/docs/Web/CSS/font-size\" title=\"La propiedad font-size especifica la dimensi&#xF3;n de la letra. Este tama&#xF1;o puede, a su vez, alterar el aspecto de alguna otra cosa, ya que se usa para calcular la longitud de las unidades em y ex.\"><code>font-size</code></a>.", "localization_tags": ["inprogress"], "locale": "es", "last_edit": "2015-11-17T10:42:39", "review_tags": []}, {"uuid": "3c35f643-a033-4950-b022-15ec3c0cd8a5", "title": "<length>", "url": "/zh-CN/docs/Web/CSS/length", "tags": ["\u89c6\u53e3\u5bbd\u5ea6", "CSS", "\u5e03\u5c40", "\u89c6\u53e3", "\u5c42\u53e0\u6837\u5f0f\u8868"], "summary": "<a href=\"/en/CSS\" title=\"CSS\">CSS</a>\u00a0\u7684&lt;length&gt;\u7c7b\u578b\u8868\u793a\u8ddd\u79bb\u6d4b\u5ea6\u3002\u5b83\u662f\u4e00\u4e2a <a href=\"/zh-CN/docs/Web/CSS/number\" title=\"&lt;&#x6570;&#x5B57;&gt; CSS &#x6570;&#x636E;&#x7C7B;&#x578B;&#x4EE3;&#x8868;&#x4E00;&#x4E2A;&#x6570;&#x5B57;&#xFF0C;&#x53EF;&#x4E3A;&#x6574;&#x6570;&#x6216;&#x5C0F;&#x6570;&#x3002;&#x5B83;&#x7684;&#x8BED;&#x6CD5;&#x6269;&#x5C55;&#x4E86;&lt;integer&gt;&#x7684;&#x6570;&#x636E;&#x503C;&#x3002;&#x8981;&#x8868;&#x793A;&#x4E00;&#x4E2A;&#x5C0F;&#x6570;&#x5219;&#x52A0;&#x4E0A;&#x5C0F;&#x6570;&#x90E8;&#x5206; --&#xA0;&#x201C;.&quot;&#x540E;&#x8DDF;&#x4E00;&#x6216;&#x591A;&#x4E3A;&#x5341;&#x8FDB;&#x5236;&#x6570;&#x5B57;--&#x5230;&#x4EFB;&#x4F55;&lt;integer&gt;&#x6570;&#x636E;&#x503C;&#x3002;&#x50CF;&lt;integer&gt;&#x6570;&#x636E;&#x7C7B;&#x578B;&#x4E00;&#x6837;&#xFF0C;&lt;number&gt;&#x6CA1;&#x6709;&#x4EFB;&#x4F55;&#x5355;&#x4F4D;&#xFF0C;&#x5E76;&#x4E0D;&#x662F;&#x4E00;&#x4E2A;CSS&#x5C3A;&#x5BF8;&#x3002;\"><code>&lt;number&gt;</code></a> \u540e\u7d27\u968f\u4e00\u4e2a\u957f\u5ea6\u5355\u4f4d\uff08px\uff0cem\uff0cpx\uff0cin\uff0cmm\uff0c...\uff09\u3002\u548c\u4efb\u4f55 CSS \u5c3a\u5bf8\u4e00\u6837\uff0c\u6570\u5b57\u548c\u5355\u4f4d\u4e4b\u95f4\u6ca1\u6709\u7a7a\u683c\u3002<a href=\"/zh-CN/docs/Web/CSS/number\" title=\"&lt;&#x6570;&#x5B57;&gt; CSS &#x6570;&#x636E;&#x7C7B;&#x578B;&#x4EE3;&#x8868;&#x4E00;&#x4E2A;&#x6570;&#x5B57;&#xFF0C;&#x53EF;&#x4E3A;&#x6574;&#x6570;&#x6216;&#x5C0F;&#x6570;&#x3002;&#x5B83;&#x7684;&#x8BED;&#x6CD5;&#x6269;&#x5C55;&#x4E86;&lt;integer&gt;&#x7684;&#x6570;&#x636E;&#x503C;&#x3002;&#x8981;&#x8868;&#x793A;&#x4E00;&#x4E2A;&#x5C0F;&#x6570;&#x5219;&#x52A0;&#x4E0A;&#x5C0F;&#x6570;&#x90E8;&#x5206; --&#xA0;&#x201C;.&quot;&#x540E;&#x8DDF;&#x4E00;&#x6216;&#x591A;&#x4E3A;&#x5341;&#x8FDB;&#x5236;&#x6570;&#x5B57;--&#x5230;&#x4EFB;&#x4F55;&lt;integer&gt;&#x6570;&#x636E;&#x503C;&#x3002;&#x50CF;&lt;integer&gt;&#x6570;&#x636E;&#x7C7B;&#x578B;&#x4E00;&#x6837;&#xFF0C;&lt;number&gt;&#x6CA1;&#x6709;&#x4EFB;&#x4F55;&#x5355;&#x4F4D;&#xFF0C;&#x5E76;&#x4E0D;&#x662F;&#x4E00;&#x4E2A;CSS&#x5C3A;&#x5BF8;&#x3002;\"><code>&lt;number&gt;</code></a> 0\u4e4b\u540e\u7684\u957f\u5ea6\u5355\u4f4d\u662f\u53ef\u9009\u7684\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2016-06-29T05:28:24", "review_tags": ["technical", "editorial"]}], "modified": "2016-06-29T05:41:24", "label": "<length>", "localization_tags": ["inprogress"], "locale": "de", "id": 85511, "last_edit": "2016-06-29T05:41:13", "summary": "Der Wert <code>&lt;length&gt;</code> besteht aus einer L\u00e4ngenangabe. Diese setzt sich aus Zusammen aus <a href=\"/de/docs/Web/CSS/number\" title=\"Der &lt;number&gt; CSS Datentyp repr&#xE4;sentiert eine Zahl, entweder Ganzzahl oder Bruchzahl. Ihre Syntax erweitert die des &lt;integer&gt; Datentyps. Um einen Bruchwert darzustellen, wird der Bruchteil &#x2014; ein '.' gefolgt von einer oder mehreren Ziffern &#x2014; einem beliebigen &lt;integer&gt; Datentyp angeh&#xE4;ngt. Wie f&#xFC;r &lt;integer&gt; Datentypen wird auch f&#xFC;r &lt;number&gt; Werte keine Einheit angegeben, welche keine CSS Gr&#xF6;&#xDF;e ist.\"><code>&lt;number&gt;</code></a> und einer Masseinheit (<code>px</code>, <code>em</code>, <code>pc</code>, <code>in</code>, <code>mm</code>, \u2026). Dazwischen darf sich keinen Leerschlag oder ein anderes Zeichen befinden.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "\u00dcbersicht", "title": "\u00dcbersicht"}, {"id": "Interpolation", "title": "Interpolation"}, {"id": "Werte", "title": "Werte"}, {"id": "Relative_L\u00e4ngenangaben", "title": "Relative L\u00e4ngenangaben"}, {"id": "Relativ_zur_Schriftgr\u00f6sse", "title": "Relativ zur Schriftgr\u00f6sse"}, {"id": "Relativ_zum_Viewport", "title": "Relativ zum Viewport"}, {"id": "Absolute_L\u00e4ngenangaben", "title": "Absolute L\u00e4ngenangaben"}, {"id": "Spezifikations", "title": "Spezifikations"}, {"id": "Browser_compatibility", "title": "Browser Kompatibilit\u00e4t"}], "slug": "Web/CSS/length", "review_tags": []}