{"json_modified": "2016-03-28T08:45:37.268831", "uuid": "06510742-43a8-4cf5-a72f-3a94fb478a10", "title": "transform-box", "url": "/en-US/docs/Web/CSS/transform-box", "tags": ["CSS Transforms", "NeedsBrowserCompatibility", "NeedsExample", "CSS", "Reference", "Experimental", "CSS Property"], "translations": [{"uuid": "46686d8f-5d00-4514-839c-c7d30fe366a6", "title": "transform-box", "url": "/fr/docs/Web/CSS/transform-box", "tags": ["CSS", "Transformations CSS", "Exp\u00e9rimental", "Propri\u00e9t\u00e9", "R\u00e9f\u00e9rence"], "summary": "La propri\u00e9t\u00e9 <strong><code>transform-box</code></strong> d\u00e9finit la bo\u00eete \u00e0 laquelle les propri\u00e9t\u00e9s <a href=\"/fr/docs/Web/CSS/transform\" title=\"La propri&#xE9;t&#xE9; CSS transform permet de modifier les coordonn&#xE9;es spatiales du mod&#xE8;le de formatage visuel de CSS. En l'utilisant, les &#xE9;l&#xE9;ments pourront subir des translations, rotations, homoth&#xE9;ties ou &#xEA;tre inclin&#xE9;es selon les valeurs d&#xE9;finies.\"><code>transform</code></a> et <a href=\"/fr/docs/Web/CSS/transform-origin\" title=\"La propri&#xE9;t&#xE9; transform-origin permet de modifier l'origine du rep&#xE8;re pour les op&#xE9;rations de transformation d'un &#xE9;l&#xE9;ment. Par exemple, l'origine par d&#xE9;faut pour la fonction rotate() est le centre de la rotation. Cette propri&#xE9;t&#xE9; est utilis&#xE9;e en :\"><code>transform-origin</code></a> font r\u00e9f\u00e9rence.", "localization_tags": [], "locale": "fr", "last_edit": "2015-12-12T09:32:26", "review_tags": []}, {"uuid": "f6663608-60e8-4029-964e-3f2f120e8622", "title": "transform-box", "url": "/ja/docs/Web/CSS/transform-box", "tags": ["CSS Transforms", "NeedsBrowserCompatibility", "NeedsExample", "CSS", "Reference", "Experimental"], "summary": "<strong><code>transform-box</code></strong> \u30d7\u30ed\u30d1\u30c6\u30a3\u306f\u3001<a href=\"/ja/docs/Web/CSS/transform\" title=\"transform CSS &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F; CSS &#x8996;&#x899A;&#x6574;&#x5F62;&#x30E2;&#x30C7;&#x30EB;&#x306E;&#x5EA7;&#x6A19;&#x7A7A;&#x9593;&#x3092;&#x5909;&#x66F4;&#x3067;&#x304D;&#x308B;&#x3088;&#x3046;&#x306B;&#x3057;&#x307E;&#x3059;&#x3002;&#x3053;&#x308C;&#x3092;&#x7528;&#x3044;&#x308B;&#x3068;&#x3001;&#x8981;&#x7D20;&#x3092;&#x79FB;&#x52D5;&#x3001;&#x56DE;&#x8EE2;&#x3001;&#x30B9;&#x30B1;&#x30FC;&#x30EA;&#x30F3;&#x30B0;&#x3001;&#x50BE;&#x659C;&#x3055;&#x305B;&#x308B;&#x3053;&#x3068;&#x304C;&#x3067;&#x304D;&#x307E;&#x3059;&#x3002;\"><code>transform</code></a> \u3068 <a href=\"/ja/docs/Web/CSS/transform-origin\" title=\"CSS &#x306E; transform-origin &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x8981;&#x7D20;&#x306E;&#x539F;&#x70B9;&#x3092;&#x6C7A;&#x3081;&#x307E;&#x3059;&#x3002;&#x4F8B;&#x3048;&#x3070;&#x3001;rotate() &#x95A2;&#x6570;&#x306F; transform-origin &#x3092;&#x4E2D;&#x5FC3;&#x306B;&#x3057;&#x3066;&#x56DE;&#x8EE2;&#x3057;&#x307E;&#x3059;&#x3002;&#xFF08;&#x3053;&#x306E;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x6700;&#x521D;&#x306B;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306E;&#x8CA0;&#x5024;&#x306B;&#x3088;&#x3063;&#x3066;&#x8981;&#x7D20;&#x3092;&#x5E73;&#x884C;&#x79FB;&#x52D5; (translate)&#x3057;&#x3001;&#x6B21;&#x306B;&#x8981;&#x7D20;&#x3092;&#x5909;&#x63DB; (transform)&#x3057;&#x3001;&#x6700;&#x5F8C;&#x306B;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306E;&#x5024;&#x306B;&#x3088;&#x3063;&#x3066;&#x5E73;&#x884C;&#x79FB;&#x52D5;&#x3057;&#x3066;&#x9069;&#x7528;&#x3055;&#x308C;&#x307E;&#x3059;&#x3002;&#xFF09;\"><code>transform-origin</code></a> \u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u95a2\u9023\u3057\u305f\u30ec\u30a4\u30a2\u30a6\u30c8\u30dc\u30c3\u30af\u30b9\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2016-03-26T19:21:31", "review_tags": ["editorial"]}, {"uuid": "c8129f52-af85-4171-b765-59742d4dc378", "title": "transform-box", "url": "/zh-CN/docs/Web/CSS/transform-box", "tags": [], "summary": "The <strong><code>transform-box</code></strong> property defines the layout box, to which the <a href=\"/zh-CN/docs/Web/CSS/transform\" title=\"CSS&#x4E2D;transform &#x5C5E;&#x6027;&#x5141;&#x8BB8;&#x4F60;&#x4FEE;&#x6539;CSS&#x53EF;&#x89C6;&#x5316;&#x6A21;&#x578B;&#x7684;&#x5750;&#x6807;&#x63A7;&#x4EF6;&#x3002;&#x4F7F;&#x7528;transform&#xFF0C;&#x5143;&#x7D20;&#x53EF;&#x4EE5;&#x6309;&#x7167;&#x8BBE;&#x5B9A;&#x7684;&#x503C;&#x53D8;&#x5F62;&#x3001;&#x65CB;&#x8F6C;&#x3001;&#x7F29;&#x653E;&#x3001;&#x503E;&#x659C;&#x3002;\"><code>transform</code></a> and <a href=\"/zh-CN/docs/Web/CSS/transform-origin\" title=\"transform-origin CSS&#x5C5E;&#x6027;&#x8BA9;&#x4F60;&#x66F4;&#x6539;&#x4E00;&#x4E2A;&#x5143;&#x7D20;&#x53D8;&#x5F62;&#x7684;&#x539F;&#x70B9;&#x3002;&#x4F8B;&#x5982;&#xFF0C;rotate()&#x7684;transform-origin &#x662F;&#x65CB;&#x8F6C;&#x7684;&#x4E2D;&#x5FC3;&#x70B9;&#xA0;(&#x8FD9;&#x4E2A;&#x5C5E;&#x6027;&#x7684;&#x5E94;&#x7528;&#x539F;&#x7406;&#x662F;&#x5148;&#x7528;&#x8FD9;&#x4E2A;&#x5C5E;&#x6027;&#x7684;&#x8D1F;&#x503C;translate&#x8BE5;&#x5143;&#x7D20;&#xFF0C;&#x8FDB;&#x884C;&#x53D8;&#x5F62;&#xFF0C;&#x7136;&#x540E;&#x518D;&#x7528;&#x8FD9;&#x4E2A;&#x5C5E;&#x6027;&#x7684;&#x503C;&#x628A;&#x5143;&#x7D20;translate&#x56DE;&#x53BB;)&#x3002;\"><code>transform-origin</code></a> properties relate to.", "localization_tags": ["inprogress"], "locale": "zh-CN", "last_edit": "2016-02-07T21:08:00", "review_tags": []}], "modified": "2015-10-11T23:22:59", "label": "transform-box", "localization_tags": [], "locale": "en-US", "id": 153371, "last_edit": "2015-09-30T06:15:49", "summary": "The <strong><code>transform-box</code></strong> property defines the layout box, to which the <a href=\"/en-US/docs/Web/CSS/transform\" title=\"The CSS transform property lets you modify the coordinate space of the CSS visual formatting model. Using it, elements can be translated, rotated, scaled, and skewed.\"><code>transform</code></a> and <a href=\"/en-US/docs/Web/CSS/transform-origin\" title=\"The transform-origin property lets you modify the origin for transformations of an element. For example, the transform-origin of the rotate() function is the centre of rotation. (This property is applied by first translating the element by the negated value of the property, then applying the element's transform, then translating by the property value.)\"><code>transform-origin</code></a> properties relate to.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Summary", "title": "Summary"}, {"id": "Syntax", "title": "Syntax"}, {"id": "Values", "title": "Values"}, {"id": "Formal_syntax", "title": "Formal syntax"}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}, {"id": "See_also", "title": "See also"}], "slug": "Web/CSS/transform-box", "review_tags": []}