{"json_modified": "2016-09-28T23:38:37.512860", "uuid": "587ff151-7ba5-411d-945f-9013ed1bccd7", "title": "contain", "url": "/en-US/docs/Web/CSS/contain", "tags": ["size", "CSS", "Reference", "Web", "CSS Property", "Style", "Layout", "Paint"], "translations": [{"uuid": "77a8399c-d265-4bd6-bc88-c24fbb0f5ae4", "title": "contain", "url": "/fr/docs/Web/CSS/contain", "tags": ["CSS", "Propri\u00e9t\u00e9", "R\u00e9f\u00e9rence"], "summary": "La propri\u00e9t\u00e9\u00a0<strong><code>contain</code></strong> permet \u00e0 un auteur d'indiquer qu'un \u00e9l\u00e9ment et son contenu sont, autant que possible, ind\u00e9pendant du reste de l'arbre repr\u00e9sentant le document. Cela permet au navigateur de recalculer la disposition, la mise en forme, les couleurs et la taille (ou une combinaison de ces \u00e9l\u00e9ments) pour une portion limit\u00e9e du DOM plut\u00f4t que pour la page enti\u00e8re. Cette propri\u00e9t\u00e9 est notamment utile pour les pages qui contiennent de nombreux <em>widgets</em> qui sont tous ind\u00e9pendants car cela permet au moteur de rendu de ne modifier que ce qui est n\u00e9cessaire sur la page.", "localization_tags": [], "locale": "fr", "last_edit": "2016-09-10T08:05:10", "review_tags": []}, {"uuid": "423a28c3-55b4-446b-9a5c-6a0fab6824e7", "title": "contain", "url": "/zh-CN/docs/Web/CSS/contain", "tags": [], "summary": "<strong>contain </strong>\u5c5e\u6027\u5141\u8bb8\u5f00\u53d1\u8005\u58f0\u660e\u5f53\u524d\u5143\u7d20\u548c\u5b83\u7684\u5185\u5bb9\u5c3d\u53ef\u80fd\u7684\u72ec\u7acb\u4e8e\u5176\u4ed6\u90e8\u5206\u7684 Dom \u6811\u3002\u8fd9\u4f1a\u8ba9\u6d4f\u89c8\u5668\u5728\u91cd\u65b0\u8ba1\u7b97\u5e03\u5c40\u3001\u6837\u5f0f\u3001\u7ed8\u56fe\u6216\u5b83\u4eec\u7684\u7ec4\u5408\u7684\u65f6\u5019\uff0c\u4ec5\u4ec5\u5728\u6709\u9650\u7684 Dom \u533a\u57df\u4e2d\uff0c\u5e76\u4e0d\u662f\u6574\u4e2a\u9875\u9762\u3002\u8fd9\u4e2a\u5c5e\u6027\u5e38\u7528\u5728\u5305\u542b\u5927\u91cf\u72ec\u7acb\u7684 widgets \u5c0f\u90e8\u4ef6\u7684\u9875\u9762\uff0c\u8fd9\u4e2a contain \u5c5e\u6027\u53ef\u4ee5\u9632\u6b62\u67d0\u4e2a\u5c0f\u90e8\u4ef6\u7684 CSS \u89c4\u5219\u6539\u53d8\u9875\u9762\u4e0a\u7684\u5176\u4ed6\u4e1c\u897f\u3002", "localization_tags": ["inprogress"], "locale": "zh-CN", "last_edit": "2016-09-28T23:38:31", "review_tags": []}], "modified": "2016-09-09T01:22:40", "label": "contain", "localization_tags": [], "locale": "en-US", "id": 189087, "last_edit": "2016-09-09T01:22:35", "summary": "The <strong><code>contain</code></strong> property\u00a0allows an author to indicate that an element and its contents are, as much as possible,\u00a0<em>independent</em>\u00a0of the rest of the document tree. This allows the browser to recalculate layout, style, paint, size, or any combination of them for a limited area of the DOM and not the entire page.\u00a0This property is useful on pages that contain a lot of widgets\u00a0that are all independent as it can be used to prevent one widget's CSS rules from changing other things on the page.", "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"}], "slug": "Web/CSS/contain", "review_tags": ["technical"]}