{"json_modified": "2016-10-05T15:47:00.887756", "uuid": "d6c7739c-6b04-49ef-993d-b7fbab49b06e", "title": "calc()", "url": "/en-US/docs/Web/CSS/calc", "tags": ["CSS", "Reference", "Web", "CSS Function", "Layout"], "translations": [{"uuid": "d8d66cdb-0772-4026-9f32-b3834a787330", "title": "calc", "url": "/de/docs/Web/CSS/calc", "tags": ["CSS", "Referenz", "CSS Funktion"], "summary": "", "localization_tags": [], "locale": "de", "last_edit": "2016-01-31T18:35:23", "review_tags": []}, {"uuid": "213fbe47-dfa8-4e02-b385-8694af92aa3d", "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=\"Muchas propiedades CSS (CSS properties) toman valores de longitud, como por ejemplo width, margin-top, y font-size.\"><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=\"Un valor para una propiedad CSS, un n&#xFA;mero incluyendo un valor entero integer.\"><code>&lt;number&gt;</code></a>, o <a href=\"/es/docs/Web/CSS/integer\" title=\"Un valor entero usado para algunas propiedades CSS que no tiene unidades.\"><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-02-02T21:58:21", "review_tags": []}, {"uuid": "650356d2-c30c-4926-abfa-53b03f33d8fd", "title": "calc", "url": "/fr/docs/Web/CSS/calc", "tags": ["CSS", "Fonction", "Web", "R\u00e9f\u00e9rence"], "summary": "La fonction <strong><code>calc()</code></strong> 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;length&gt; correspond &#xE0; une mesure de distance. C'est un nombre (type &lt;number&gt;) imm&#xE9;diatement suivi d'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;es CSS &lt;frequency&gt; permet de repr&#xE9;senter des fr&#xE9;quences (par exemple la hauteur d'une voie). Une valeur de type &lt;frequency&gt; se compose d'une valeur &lt;number&gt; suivi imm&#xE9;diatement d'une unit&#xE9; de fr&#xE9;quence. Comme pour les autres dimensions CSS, il n'y a pas d'espace entre le nombre et le litt&#xE9;ral de l'unit&#xE9;.\"><code>&lt;frequency&gt;</code></a>, <a href=\"/fr/docs/Web/CSS/angle\" title=\"La type de donn&#xE9;es CSS &lt;angle&gt; permet de repr&#xE9;senter des angles. Les angles positifs sont des angles allant dans le sens horaire et les valeurs n&#xE9;gatives sont des angles allant dans le sens anti-horaire. Pour exprimer une valeur de ce type, on utilisera une valeur de type &lt;number&gt; (un nombre), imm&#xE9;diatement suivie d'une unit&#xE9; deg, grad, rad ou turn. Comme pour les autres dimensions pr&#xE9;sentes en CSS, il n'y a pas d'espace entre le litt&#xE9;ral r&#xE9;serv&#xE9; &#xE0; l'unit&#xE9; et le nombre qui indique la mesure de l'angle.\"><code>&lt;angle&gt;</code></a>, <a href=\"/fr/docs/Web/CSS/time\" title=\"Le type de donn&#xE9;e &lt;time&gt; indique des dur&#xE9;es exprim&#xE9;es en secondes ou en millisecondes. Elles consistent en une valeur de type &lt;number&gt; imm&#xE9;diatement suivie d'une unit&#xE9;. Comme avec les autres unit&#xE9;s CSS, il n'y a pas d'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; 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>, ou <a href=\"/fr/docs/Web/CSS/integer\" title=\"Le type de donn&#xE9;e CSS &lt;integer&gt; permet de repr&#xE9;senter des nombres entiers positifs ou n&#xE9;gatifs. Aucune unit&#xE9; n'est li&#xE9;e &#xE0; la valeur. Un entier se compose d'un ou de 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-07-29T08:09:03", "review_tags": []}, {"uuid": "398e9d9a-a1aa-4281-a6ae-e183d6fb960b", "title": "calc", "url": "/ja/docs/Web/CSS/calc", "tags": ["CSS", "CSS Reference"], "summary": "CSS \u306e <code>calc()</code> \u95a2\u6570\u306f\u3001<a 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;\" href=\"/ja/docs/Web/CSS/length\"><code>&lt;length&gt;</code></a>\u3001<a 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;\" href=\"/ja/docs/Web/CSS/frequency\"><code>&lt;frequency&gt;</code></a>\u3001<a 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;\" href=\"/ja/docs/Web/CSS/angle\"><code>&lt;angle&gt;</code></a>\u3001<a 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;\" href=\"/ja/docs/Web/CSS/time\"><code>&lt;time&gt;</code></a>\u3001<a 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;\" href=\"/ja/docs/Web/CSS/number\"><code>&lt;number&gt;</code></a>\u3001<a 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;\" href=\"/ja/docs/Web/CSS/integer\"><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", "localization_tags": [], "locale": "ja", "last_edit": "2016-01-31T18:02:11", "review_tags": []}, {"uuid": "e040ce94-649d-4d58-8dfa-3705ec2554f9", "title": "calc", "url": "/ko/docs/Web/CSS/calc", "tags": ["\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"]}, {"uuid": "6fa60bfa-ebbe-40ec-bf31-3690e83178b7", "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-02-09T11:23:34", "review_tags": []}, {"uuid": "54ea5c75-3972-4b07-86b6-f935e5e070f3", "title": "calc", "url": "/zh-CN/docs/Web/CSS/calc", "tags": ["CSS", "calc()", "CSS Function", "CSS\u51fd\u6570", "calc Function"], "summary": "CSS\u51fd\u6570<code>calc()</code>\u53ef\u4ee5\u7528\u5728\u4efb\u4f55\u4e00\u4e2a\u9700\u8981{{ cssxref }}\u3001<a href=\"/zh-CN/docs/Web/CSS/frequency\" title=\"&#x6B64;&#x9875;&#x9762;&#x4ECD;&#x672A;&#x88AB;&#x672C;&#x5730;&#x5316;, &#x671F;&#x5F85;&#x60A8;&#x7684;&#x7FFB;&#x8BD1;!\"><code>&lt;frequency&gt;</code></a>, <a href=\"/zh-CN/docs/Web/CSS/angle\" title=\"&#x6B64;&#x9875;&#x9762;&#x4ECD;&#x672A;&#x88AB;&#x672C;&#x5730;&#x5316;, &#x671F;&#x5F85;&#x60A8;&#x7684;&#x7FFB;&#x8BD1;!\"><code>&lt;angle&gt;</code></a>\u3001<a href=\"/zh-CN/docs/Web/CSS/time\" title=\"&#x6B64;&#x9875;&#x9762;&#x4ECD;&#x672A;&#x88AB;&#x672C;&#x5730;&#x5316;, &#x671F;&#x5F85;&#x60A8;&#x7684;&#x7FFB;&#x8BD1;!\"><code>&lt;time&gt;</code></a>\u3001<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>\u3001\u6216<a href=\"/zh-CN/docs/Web/CSS/integer\" title=\"&#x6B64;&#x9875;&#x9762;&#x4ECD;&#x672A;&#x88AB;&#x672C;&#x5730;&#x5316;, &#x671F;&#x5F85;&#x60A8;&#x7684;&#x7FFB;&#x8BD1;!\"><code>&lt;integer&gt;</code></a>\u7684\u5730\u65b9\u3002\u6709\u4e86<code>calc()\uff0c</code>\u4f60\u5c31\u53ef\u4ee5\u901a\u8fc7\u8ba1\u7b97\u6765\u51b3\u5b9a\u4e00\u4e2aCSS\u5c5e\u6027\u7684\u503c\u4e86\u3002", "localization_tags": ["inprogress"], "locale": "zh-CN", "last_edit": "2016-09-09T04:06:45", "review_tags": ["editorial"]}], "modified": "2016-10-05T15:47:00", "label": "calc()", "localization_tags": [], "locale": "en-US", "id": 2225, "last_edit": "2016-05-17T04:14:35", "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 clockwise angles, negative angles represent counterclockwise 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&#x200B; &#x200B;&#x200B;&#x200B;&#x200B;&#x200B;&#x200B;&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.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Syntax", "title": "Syntax"}, {"id": "Values", "title": "Values"}, {"id": "Expressions", "title": "Expressions"}, {"id": "Formal_syntax", "title": "Formal syntax"}, {"id": "Examples", "title": "Examples"}, {"id": "Positioning_an_object_on_screen_with_a_margin", "title": "Positioning an object on screen with a margin"}, {"id": "Automatically_sizing_form_fields_to_fit_their_container", "title": "Automatically sizing form fields to fit their container"}, {"id": "Nested_calc()_with_CSS_Variables", "title": "Nested calc() with CSS Variables"}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}, {"id": "See_also", "title": "See also"}], "slug": "Web/CSS/calc", "review_tags": []}