{"json_modified": "2016-01-31T18:02:20.363495", "slug": "Web/CSS/calc", "tags": ["CSS", "CSS Reference", "css"], "locale": "ja", "title": "calc", "translations": [{"title": "calc", "url": "/en-US/docs/Web/CSS/calc", "tags": ["css", "CSS", "Reference", "R\u00e9f\u00e9rence", "Web", "CSS Function", "Layout"], "summary": "The <code>calc()</code> CSS function can be used anywhere a <a href=\"/en-US/docs/Web/CSS/length\" title=\"The &lt;length&gt; CSS data type denotes distance measurements. It is a &lt;number&gt; immediately followed by a length unit (px, em, pc, in, mm, &#x2026;). Like for any CSS dimension, there is no space between the unit literal and the number.&#xA0;The length unit is optional after the &lt;number&gt; 0.\"><code>&lt;length&gt;</code></a>, <a href=\"/en-US/docs/Web/CSS/frequency\" title=\"The &lt;frequency&gt; CSS data type denotes a frequency dimension, like the pitch of a speaking voice.\"><code>&lt;frequency&gt;</code></a>, <a href=\"/en-US/docs/Web/CSS/angle\" title=\"The &lt;angle&gt; CSS data type represents angle values. Positive angles represent right angles, negative angles represent left angles. Its syntax is a &lt;number&gt; data type immediately followed by the unit (deg, grad, rad or turn). Like for any CSS dimension, there is no space between the unit literal and the number.\"><code>&lt;angle&gt;</code></a>, <a href=\"/en-US/docs/Web/CSS/time\" title=\"The &lt;time&gt; CSS data type denotes time dimensions expressed in seconds or milliseconds. They consists of a &lt;number&gt; immediately followed by the unit. Like for any CSS dimension, there is no space between the unit literal and the number.\"><code>&lt;time&gt;</code></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>, or <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> is required. With <code>calc()</code>, you can perform calculations to determine CSS property values.", "localization_tags": [], "locale": "en-US", "last_edit": "2016-01-31T17:57:08", "review_tags": []}, {"title": "calc", "url": "/fr/docs/Web/CSS/calc", "tags": ["css", "CSS", "Reference", "R\u00e9f\u00e9rence", "Web", "CSS Fonction"], "summary": "La fonction <a href=\"/fr/docs/CSS\" title=\"/fr/docs/CSS\">CSS</a> <code>calc()</code> peut \u00eatre utilis\u00e9e \u00e0 n'importe quel endroit ou une <a href=\"/fr/docs/Web/CSS/length\" title=\"Le type de donn&#xE9;es CSS &lt;longueur&gt; correspond &#xE0; une mesure de distance. C'est un &lt;number&gt; imm&#xE9;diatement suivi par une unit&#xE9; de longueur (px, em, pc, in, mm, &#x2026;). Comme toutes les dimensions CSS, il n'y aucun espace entre le nombre et l'unit&#xE9;.\"><code>&lt;length&gt;</code></a>, <a href=\"/fr/docs/Web/CSS/frequency\" title=\"Le type de donn&#xE9;e CSS &lt;frequency&gt; d&#xE9;crit une valeur de fr&#xE9;quence, telle que la tessiture d'une voix. Il consiste en une donn&#xE9;e de type &lt;number&gt; imm&#xE9;diatement suivie d'une unit&#xE9;. Comme pour toute dimension CSS, il n'y a pas d'espace entre l'expression de l'unit&#xE9; et la valeur num&#xE9;rique.\"><code>&lt;frequency&gt;</code></a>, <a href=\"/fr/docs/Web/CSS/angle\" title=\"Le type de donn&#xE9;e CSS &lt;angle&gt; repr&#xE9;sentes les valeurs angulaires. Les angles positifs repr&#xE9;sentent un angle &#xE0; droite, tandis que les angles n&#xE9;gatifs repr&#xE9;sentent des angles &#xE0; gauche. Sa syntaxe est une donn&#xE9;e &lt;number&gt; imm&#xE9;diatement suivie par l'unit&#xE9; (deg, grad, rad ou turn). Comme toutes les autres dimensions en CSS, il n'y a pas d'espace entre l'unit&#xE9; et le chiffre.\"><code>&lt;angle&gt;</code></a>, <a href=\"/fr/docs/Web/CSS/time\" title=\"Le type de donn&#xE9;e CSS &lt;time&gt; indique des dimensions de temps exprim&#xE9;es en secondes ou en millisecondes. Elles consistent en un &lt;number&gt; imm&#xE9;diatement suivi par une unit&#xE9;. Comme pour toute dimension CSS, il n'y a aucun espace entre l'unit&#xE9; et le nombre.\"><code>&lt;time&gt;</code></a>, <a href=\"/fr/docs/Web/CSS/number\" title=\"Le type de donn&#xE9;e CSS &lt;number&gt; indique un nombre, qu'il soit entier ou d&#xE9;cimal. Sa syntaxe &#xE9;tend celle du type de donn&#xE9;e &lt;integer&gt;. Pour r&#xE9;pr&#xE9;senter la valeur d&#xE9;cimale, ajoutez &#xE0; une valeur de type &lt;integer&gt;, un '.' (point), suivi de plusieurs chiffres. Comme pour le type de donn&#xE9;e &lt;integer&gt;, il n'y a aucune unit&#xE9; associ&#xE9;e &#xE0; &lt;number&gt;, car il ne s'agit pas d'une dimension CSS.\"><code>&lt;number&gt;</code></a>, ou <a href=\"/fr/docs/Web/CSS/integer\" title=\"Le type de donn&#xE9;e CSS &lt;entier&gt; indique un nombre entier, positif ou n&#xE9;gatif. Aucune unit&#xE9; n'est li&#xE9;e &#xE0; la valeur. Un entier consiste en un ou plusieurs chiffres, de 0 &#xE0; 9, &#xE9;ventuellement pr&#xE9;c&#xE9;d&#xE9;s par un seul signe + ou -.\"><code>&lt;integer&gt;</code></a> est n\u00e9cessaire. Gr\u00e2ce \u00e0 <code>calc()</code>, il est possible de r\u00e9aliser des calculs pour d\u00e9terminer la valeur d'une propri\u00e9t\u00e9 CSS.", "localization_tags": [], "locale": "fr", "last_edit": "2016-01-31T17:46:53", "review_tags": []}, {"title": "calc", "url": "/zh-CN/docs/Web/CSS/calc", "tags": ["CSS", "CSS Function", "calc Function"], "summary": "CSS\u51fd\u6570<code>calc()</code>\u53ef\u4ee5\u7528\u5728\u4efb\u4f55\u4e00\u4e2a\u9700\u8981<a href=\"/zh-CN/docs/Web/CSS/length\" title=\"&#x6B64;&#x9875;&#x9762;&#x4ECD;&#x672A;&#x88AB;&#x672C;&#x5730;&#x5316;, &#x671F;&#x5F85;&#x60A8;&#x7684;&#x7FFB;&#x8BD1;!\"><code>&lt;length&gt;</code></a>\u7684\u5730\u65b9.\u6709\u4e86<code>calc()</code>,\u4f60\u53ef\u4ee5\u901a\u8fc7\u8ba1\u7b97\u6765\u51b3\u5b9a\u4e00\u4e2a\u5bf9\u8c61\u7684\u5927\u5c0f\u548c\u5f62\u72b6.", "localization_tags": [], "locale": "zh-CN", "last_edit": "2015-12-21T04:44:29", "review_tags": []}, {"title": "calc", "url": "/es/docs/Web/CSS/calc", "tags": [], "summary": "La funci\u00f3n CSS <code>calc()</code> puede ser usada en cualquier sitio donde <a href=\"/es/docs/Web/CSS/length\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>&lt;length&gt;</code></a>, <a href=\"/es/docs/Web/CSS/frequency\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>&lt;frequency&gt;</code></a>, <a href=\"/es/docs/Web/CSS/angle\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>&lt;angle&gt;</code></a>, <a href=\"/es/docs/Web/CSS/time\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>&lt;time&gt;</code></a>, <a href=\"/es/docs/Web/CSS/number\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>&lt;number&gt;</code></a>, o <a href=\"/es/docs/Web/CSS/integer\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>&lt;integer&gt;</code></a> sea requerido. <code>Con calc()</code> puedes realizar c\u00e1lculos para determinar valores de propiedades CSS.", "localization_tags": [], "locale": "es", "last_edit": "2016-01-27T13:54:45", "review_tags": []}, {"title": "calc", "url": "/de/docs/Web/CSS/calc", "tags": ["CSS", "Referenz", "css", "CSS Funktion"], "summary": "Mit der CSS Funktion calc() lassen sich mehrere Werte miteinander verrechnen.", "localization_tags": [], "locale": "de", "last_edit": "2016-01-27T13:55:45", "review_tags": []}, {"title": "\u0424\u0443\u043d\u043a\u0446\u0438\u044f calc()", "url": "/ru/docs/Web/CSS/calc", "tags": ["css calc"], "summary": "<code>calc()</code> \u044d\u0442\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u044f CSS, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0430 <a href=\"/ru/docs/Web/CSS/length\" title=\"&#x414;&#x43E;&#x43A;&#x443;&#x43C;&#x435;&#x43D;&#x442;&#x430;&#x446;&#x438;&#x44F; &#x43E;&#x431; &#x44D;&#x442;&#x43E;&#x43C; &#x435;&#x449;&#x451; &#x43D;&#x435; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x430;; &#x43F;&#x43E;&#x436;&#x430;&#x43B;&#x443;&#x439;&#x441;&#x442;&#x430;, &#x43F;&#x43E;&#x441;&#x43F;&#x43E;&#x441;&#x43E;&#x431;&#x441;&#x442;&#x432;&#x443;&#x439;&#x442;&#x435; &#x435;&#x451; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x438;&#x44E;!\"><code>&lt;length&gt;</code></a>, <a href=\"/ru/docs/Web/CSS/frequency\" title=\"&#x414;&#x43E;&#x43A;&#x443;&#x43C;&#x435;&#x43D;&#x442;&#x430;&#x446;&#x438;&#x44F; &#x43E;&#x431; &#x44D;&#x442;&#x43E;&#x43C; &#x435;&#x449;&#x451; &#x43D;&#x435; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x430;; &#x43F;&#x43E;&#x436;&#x430;&#x43B;&#x443;&#x439;&#x441;&#x442;&#x430;, &#x43F;&#x43E;&#x441;&#x43F;&#x43E;&#x441;&#x43E;&#x431;&#x441;&#x442;&#x432;&#x443;&#x439;&#x442;&#x435; &#x435;&#x451; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x438;&#x44E;!\"><code>&lt;frequency&gt;</code></a>, <a href=\"/ru/docs/Web/CSS/angle\" title=\"&#x414;&#x43E;&#x43A;&#x443;&#x43C;&#x435;&#x43D;&#x442;&#x430;&#x446;&#x438;&#x44F; &#x43E;&#x431; &#x44D;&#x442;&#x43E;&#x43C; &#x435;&#x449;&#x451; &#x43D;&#x435; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x430;; &#x43F;&#x43E;&#x436;&#x430;&#x43B;&#x443;&#x439;&#x441;&#x442;&#x430;, &#x43F;&#x43E;&#x441;&#x43F;&#x43E;&#x441;&#x43E;&#x431;&#x441;&#x442;&#x432;&#x443;&#x439;&#x442;&#x435; &#x435;&#x451; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x438;&#x44E;!\"><code>&lt;angle&gt;</code></a>, <a href=\"/ru/docs/Web/CSS/time\" title=\"&#x414;&#x43E;&#x43A;&#x443;&#x43C;&#x435;&#x43D;&#x442;&#x430;&#x446;&#x438;&#x44F; &#x43E;&#x431; &#x44D;&#x442;&#x43E;&#x43C; &#x435;&#x449;&#x451; &#x43D;&#x435; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x430;; &#x43F;&#x43E;&#x436;&#x430;&#x43B;&#x443;&#x439;&#x441;&#x442;&#x430;, &#x43F;&#x43E;&#x441;&#x43F;&#x43E;&#x441;&#x43E;&#x431;&#x441;&#x442;&#x432;&#x443;&#x439;&#x442;&#x435; &#x435;&#x451; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x438;&#x44E;!\"><code>&lt;time&gt;</code></a>, <a href=\"/ru/docs/Web/CSS/number\" title=\"&#x414;&#x43E;&#x43A;&#x443;&#x43C;&#x435;&#x43D;&#x442;&#x430;&#x446;&#x438;&#x44F; &#x43E;&#x431; &#x44D;&#x442;&#x43E;&#x43C; &#x435;&#x449;&#x451; &#x43D;&#x435; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x430;; &#x43F;&#x43E;&#x436;&#x430;&#x43B;&#x443;&#x439;&#x441;&#x442;&#x430;, &#x43F;&#x43E;&#x441;&#x43F;&#x43E;&#x441;&#x43E;&#x431;&#x441;&#x442;&#x432;&#x443;&#x439;&#x442;&#x435; &#x435;&#x451; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x438;&#x44E;!\"><code>&lt;number&gt;</code></a>, \u0438\u043b\u0438 <a href=\"/ru/docs/Web/CSS/integer\" title=\"&#x414;&#x43E;&#x43A;&#x443;&#x43C;&#x435;&#x43D;&#x442;&#x430;&#x446;&#x438;&#x44F; &#x43E;&#x431; &#x44D;&#x442;&#x43E;&#x43C; &#x435;&#x449;&#x451; &#x43D;&#x435; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x430;; &#x43F;&#x43E;&#x436;&#x430;&#x43B;&#x443;&#x439;&#x441;&#x442;&#x430;, &#x43F;&#x43E;&#x441;&#x43F;&#x43E;&#x441;&#x43E;&#x431;&#x441;&#x442;&#x432;&#x443;&#x439;&#x442;&#x435; &#x435;&#x451; &#x43D;&#x430;&#x43F;&#x438;&#x441;&#x430;&#x43D;&#x438;&#x44E;!\"><code>&lt;integer&gt;</code></a>. \u0421 \u043f\u043e\u043c\u043e\u0449\u044c\u044e\u00a0 <code>calc() \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u0442\u044c \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f, \u0447\u0442\u043e\u0431\u044b \u0437\u0430\u0434\u0430\u0432\u0430\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f </code>CSS \u0441\u0432\u043e\u0439\u0441\u0442\u0432.", "localization_tags": ["inprogress"], "locale": "ru", "last_edit": "2016-01-31T17:45:48", "review_tags": []}, {"title": "calc", "url": "/ko/docs/Web/CSS/calc", "tags": ["css", "\ubb38\uc11c", "CSS", "CSS_\ud568\uc218", "\uc6f9", "\ub808\uc774\uc544\uc6c3"], "summary": "<code>calc()</code> CSS \ud568\uc218\ub294 <a href=\"/ko/docs/Web/CSS/length\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>&lt;length&gt;</code></a>, <a href=\"/ko/docs/Web/CSS/frequency\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>&lt;frequency&gt;</code></a>, <a href=\"/ko/docs/Web/CSS/angle\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>&lt;angle&gt;</code></a>, <a href=\"/ko/docs/Web/CSS/time\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>&lt;time&gt;</code></a>, <a href=\"/ko/docs/Web/CSS/number\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>&lt;number&gt;</code></a>, \ub610\ub294 <a href=\"/ko/docs/Web/CSS/integer\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>&lt;integer&gt;</code></a>\uac00 \ud544\uc694\ud55c \uc5b4\ub5a4 \uacf3\uc5d0\ub4e0\uc9c0 \uc0ac\uc6a9\ub420\u00a0\uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub2f9\uc2e0\uc740 CSS \uc18d\uc131 \uac12\uc744 \uc815\ud560 \ub54c\uc5d0\u00a0<code>calc()</code>\ub85c\u00a0\uacc4\uc0b0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.", "localization_tags": [], "locale": "ko", "last_edit": "2016-01-31T17:44:41", "review_tags": ["technical"]}], "modified": "2016-01-31T18:02:18", "label": "calc", "localization_tags": [], "url": "/ja/docs/Web/CSS/calc", "last_edit": "2016-01-31T18:02:11", "summary": "CSS \u306e <code>calc()</code> \u95a2\u6570\u306f\u3001<a href=\"/ja/docs/Web/CSS/length\" title=\"CSS &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3; &#x306E;&#x4E2D;&#x306B;&#x306F; &lt;length&gt; &#x3092;&#x5024;&#x3068;&#x3057;&#x3066;&#x6301;&#x3064;&#x3082;&#x306E;&#x304C;&#x591A;&#x304F;&#x3042;&#x308A;&#x307E;&#x3059;&#x3002;&#x4F8B;&#x3048;&#x3070;&#x3001; width, margin, padding, font-size, border-width, text-shadow &#x7B49;&#x3067;&#x3059;&#x3002;\"><code>&lt;length&gt;</code></a>\u3001<a href=\"/ja/docs/Web/CSS/frequency\" title=\"CSS &#x306E; &lt;frequency&gt; &#x30C7;&#x30FC;&#x30BF;&#x578B;&#x306F;&#x3001;&#x8A71;&#x3057;&#x58F0;&#x306E;&#x9AD8;&#x3055;&#x306E;&#x3088;&#x3046;&#x306A;&#x3001;&#x5468;&#x6CE2;&#x6570;&#x3092;&#x8868;&#x3059;&#x305F;&#x3081;&#x306E;&#x5BF8;&#x6CD5;&#x3067;&#x3059;&#x3002;&#x3053;&#x306E;&#x30C7;&#x30FC;&#x30BF;&#x578B;&#x306F; &lt;&#x6570;&#x91CF;&gt; &#x3068;&#x3001;&#x305D;&#x306E;&#x76F4;&#x5F8C;&#x306B;&#x3042;&#x308B;&#x5358;&#x4F4D;&#x3067;&#x69CB;&#x6210;&#x3055;&#x308C;&#x307E;&#x3059;&#x3002;&#x4ED6;&#x306E; CSS &#x306E;&#x5BF8;&#x6CD5;&#x3068;&#x540C;&#x3058;&#x304F;&#x3001;&#x5358;&#x4F4D;&#x3068;&#x6570;&#x5024;&#x306E;&#x9593;&#x306B;&#x7A7A;&#x767D;&#x3092;&#x7F6E;&#x304D;&#x307E;&#x305B;&#x3093;&#x3002;\"><code>&lt;frequency&gt;</code></a>\u3001<a href=\"/ja/docs/Web/CSS/angle\" title=\"CSS &#x306E; &lt;angle&gt; &#x30C7;&#x30FC;&#x30BF;&#x578B;&#x306F;&#x89D2;&#x5EA6;&#x3092;&#x8868;&#x3057;&#x307E;&#x3059;&#x3002;&#x6B63;&#x306E;&#x89D2;&#x5EA6;&#x306F;&#x53F3;&#x56DE;&#x308A;&#x306E;&#x3001;&#x8CA0;&#x306E;&#x89D2;&#x5EA6;&#x306F;&#x5DE6;&#x56DE;&#x308A;&#x306E;&#x89D2;&#x5EA6;&#x3092;&#x8868;&#x3057;&#x307E;&#x3059;&#x3002;&lt;number&gt; &#x30C7;&#x30FC;&#x30BF;&#x578B;&#x306E;&#x76F4;&#x5F8C;&#x306B;&#x5358;&#x4F4D;&#xFF08;deg&#x3001;grad&#x3001;rad &#x3001;turn&#xFF09;&#x3092;&#x7D9A;&#x3051;&#x307E;&#x3059;&#x3002;&#x4ED6;&#x306E; CSS &#x306E;&#x5BF8;&#x6CD5;&#x3068;&#x540C;&#x69D8;&#x306B;&#x3001;&#x5358;&#x4F4D;&#x3068;&#x6570;&#x5024;&#x306E;&#x9593;&#x306B;&#x7A7A;&#x767D;&#x3092;&#x7F6E;&#x304D;&#x307E;&#x305B;&#x3093;&#x3002;\"><code>&lt;angle&gt;</code></a>\u3001<a href=\"/ja/docs/Web/CSS/time\" title=\"&lt;time&gt; CSS &#x30C7;&#x30FC;&#x30BF;&#x578B;&#x306F;&#x79D2;&#x3084;&#x30DF;&#x30EA;&#x79D2;&#x306A;&#x3069;&#x306E;&#x6642;&#x9593;&#x306E;&#x9577;&#x3055;&#x3092;&#x610F;&#x5473;&#x3059;&#x308B;&#x3082;&#x306E;&#x3067;&#x3001;&lt;number&gt; &#x306E;&#x76F4;&#x5F8C;&#x306B;&#x5358;&#x4F4D;&#x3092;&#x7D9A;&#x3051;&#x307E;&#x3059;&#x3002;&#x4ED6;&#x306E; CSS &#x306E;&#x5BF8;&#x6CD5;&#x3068;&#x540C;&#x3058;&#x304F;&#x3001;&#x5358;&#x4F4D;&#x3068;&#x6570;&#x5B57;&#x306E;&#x9593;&#x306B;&#x7A7A;&#x767D;&#x3092;&#x7F6E;&#x304D;&#x307E;&#x305B;&#x3093;&#x3002;\"><code>&lt;time&gt;</code></a>\u3001<a href=\"/ja/docs/Web/CSS/number\" title=\"CSS &#x306E; &lt;number&gt; &#x30C7;&#x30FC;&#x30BF;&#x578B;&#x306F;&#x3001;&#x6574;&#x6570;&#x3068;&#x5C0F;&#x6570;&#x306E;&#x3069;&#x3061;&#x3089;&#x306E;&#x6570;&#x5024;&#x3082;&#x8868;&#x3057;&#x307E;&#x3059;&#x3002;&#x69CB;&#x6587;&#x306F; &lt;&#x6574;&#x6570;&#x5024;&gt; &#x30C7;&#x30FC;&#x30BF;&#x5024;&#x306E;&#x3082;&#x306E;&#x3092;&#x62E1;&#x5F35;&#x3057;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;&#x5C0F;&#x6570;&#x3092;&#x8868;&#x73FE;&#x3059;&#x308B;&#x306B;&#x306F;&#x3001;&lt;&#x6574;&#x6570;&#x5024;&gt; &#x30C7;&#x30FC;&#x30BF;&#x5024;&#x306B;&#x3001;&#x5C0F;&#x6570;&#x90E8;&#xFF08;'.' &#x306B;&#x7D9A;&#x304F;1&#x3064;&#x4EE5;&#x4E0A;&#x306E;10&#x9032;&#x6570;&#xFF09;&#x3092;&#x8FFD;&#x52A0;&#x3057;&#x307E;&#x3059;&#x3002;&lt;&#x6574;&#x6570;&#x5024;&gt; &#x30C7;&#x30FC;&#x30BF;&#x578B;&#x3068;&#x540C;&#x3058;&#x3088;&#x3046;&#x306B;&#x3001; &lt;number&gt; &#x306F;&#x5358;&#x4F4D;&#x3092;&#x6301;&#x305F;&#x305A;&#x3001;CSS &#x306E;&#x5BF8;&#x6CD5;&#x3067;&#x306F;&#x3042;&#x308A;&#x307E;&#x305B;&#x3093;&#x3002;\"><code>&lt;number&gt;</code></a>\u3001<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\u3044\u305a\u308c\u304b\u306e\u5024\u3092\u7528\u3044\u308b\u5834\u6240\u306a\u3089\u3069\u3053\u3067\u3082\u4f7f\u7528\u53ef\u80fd\u3067\u3059\u3002 <code>calc()</code> \u3092\u7528\u3044\u308b\u4e8b\u306b\u3088\u308a\u3001\u5bfe\u8c61\u306e\u30b5\u30a4\u30ba\u3084\u5f62\u72b6\u3092\u6c7a\u5b9a\u3059\u308b\u5024\u306e\u8a08\u7b97\u304c\u53ef\u80fd\u3068\u306a\u308a\u307e\u3059\u3002", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Summary", "title": "\u6982\u8981"}, {"id": "Syntax", "title": "\u69cb\u6587"}, {"id": "Values", "title": "\u5024"}, {"id": "Expressions", "title": "\u5f0f"}, {"id": "Examples", "title": "\u4f8b"}, {"id": "Positioning_an_object_on_screen_with_a_margin", "title": "\u4f59\u767d\u3092\u3064\u3051\u3066\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u753b\u9762\u306b\u914d\u7f6e\u3059\u308b"}, {"id": "Automatically_sizing_form_fields_to_fit_their_container", "title": "\u30d5\u30a9\u30fc\u30e0\u9805\u76ee\u306e\u30b3\u30f3\u30c6\u30ca\u3078\u306e\u81ea\u52d5\u30d5\u30a3\u30c3\u30c8"}, {"id": "Specifications", "title": "\u4ed5\u69d8"}, {"id": "Browser_compatibility", "title": "\u30d6\u30e9\u30a6\u30b6\u5b9f\u88c5\u72b6\u6cc1"}, {"id": "See_also", "title": "\u95a2\u9023\u60c5\u5831"}], "id": 59217, "review_tags": []}