{"json_modified": "2016-08-09T10:19:55.475569", "uuid": "b4b51a82-18c4-42cc-bbc3-452c14393490", "title": "Determining the dimensions of elements", "url": "/en-US/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements", "tags": ["NeedsSpecTable", "Guide", "NeedsCompatTable", "Client width", "client height", "CSSOM View", "offsetHeight", "offsetWidth", "Intermediate", "size of displayed content"], "translations": [{"uuid": "4166efb4-fc7b-4735-940e-e40a2b636918", "title": "D\u00e9terminer les dimensions des \u00e9l\u00e9ments", "url": "/fr/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements", "tags": [], "summary": "Il y a plusieurs propri\u00e9t\u00e9s que vous pouvez regarder dans le but de d\u00e9terminer la largeur et la hauteur des \u00e9l\u00e9ments, et il peut \u00eatre difficile de d\u00e9terminer quelle est la bonne pour vos besoins.", "localization_tags": [], "locale": "fr", "last_edit": "2016-07-02T08:14:08", "review_tags": []}, {"uuid": "47acc30a-bd05-41c3-8793-d4344487bb7e", "title": "Determining the dimensions of elements", "url": "/ko/docs/Determining_the_dimensions_of_elements", "tags": [], "summary": "\uc5d8\ub9ac\uba3c\ud2b8\uc758 \ub108\ube44\uc640 \ub192\uc774\ub97c \uc54c\uae30 \uc704\ud574 \uc0b4\ud3b4\ubcfc \uc218 \uc788\ub294 \uc5ec\ub7ec \uc18d\uc131\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ub610\ud55c, \uc694\uad6c\ud558\ub294 \uc0ac\ud56d\uc5d0 \ub531 \ub9de\ub294 \uac83\uc744 \uace0\ub974\uae30 \ub2e4\uc18c \uae4c\ub2e4\ub85c\uc6b8 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uae00\uc740 \uc5ec\ub7ec\ubd84\uc774 \ud544\uc694\uc5d0 \ub9de\ub294 \uc18d\uc131\uc744 \uace0\ub974\ub294\ub370 \ub3c4\uc6c0\uc744 \uc8fc\uae30 \uc704\ud574 \uc791\uc131\ud588\uc2b5\ub2c8\ub2e4.", "localization_tags": [], "locale": "ko", "last_edit": "2014-07-06T11:28:16", "review_tags": []}, {"uuid": "c9fd6695-914d-4d99-a117-82fd7e863d4e", "title": "Determining the dimensions of elements", "url": "/zh-CN/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements", "tags": ["clientHeight", "height", "offsetHeight"], "summary": "\u5f53\u60f3\u8981\u786e\u8ba4\u5143\u7d20\u7684\u5bbd\u9ad8\u65f6\u6709\u51e0\u79cd\u5c5e\u6027\u53ef\u4ee5\u9009\u62e9\uff0c\u4f46\u662f\u6211\u4eec\u5f88\u96be\u786e\u8ba4\u4f7f\u7528\u54ea\u4e2a\u5c5e\u6027\u624d\u662f\u6700\u9002\u5408\u7684\u3002\u672c\u6587\u5c06\u5e2e\u52a9\u4f60\u505a\u51fa\u6b63\u786e\u7684\u9009\u62e9\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2015-04-07T08:45:13", "review_tags": []}, {"uuid": "d4409cfa-2371-419b-8b60-7d123617783d", "title": "Determining the dimensions of elements", "url": "/zh-TW/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements", "tags": [], "summary": "There are several properties you can look at in order to determine the width and height of elements, and it can be tricky to determine which is the right one for your needs. This article is designed to help you make that decision. \u00a0Note that all these properties are read-only. \u00a0If you want to set the width and\u00a0height of an element, use\u00a0<span style=\"line-height: 1.5;\">\u00a0</span><code style=\"font-style: normal; line-height: 1.5;\"><a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/width\" style=\"line-height: 1.5;\" title=\"The width CSS property specifies the width of the content area of an element. The content area is inside the padding, border, and margin of the element.\">width</a>\u00a0</code>and<code style=\"font-style: normal; line-height: 1.5;\">\u00a0</code><code><a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/height\" title=\"The height CSS property specifies the height of the content area of an element. The content area is inside the padding, border, and margin of the element.\">height</a>;</code><span style=\"line-height: 1.5;\">\u00a0or,\u00a0the\u00a0overriding</span><span style=\"line-height: 1.5;\">\u00a0</span><a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/min-width\" style=\"line-height: 1.5;\" title=\"The min-width property is used to set the minimum width of a given element. It prevents the used value of the width property from becoming smaller than the value specified for min-width.\"><code>min-width</code></a><span style=\"line-height: 1.5;\">\u00a0</span>and<span style=\"line-height: 1.5;\">\u00a0</span><a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/max-width\" style=\"line-height: 1.5;\" title=\"The max-width property is used to set the maximum width of a given element. It prevents the used value of the width property from becoming larger than the value specified for max-width.\"><code>max-width</code></a><span style=\"line-height: 1.5;\">, </span>and<span style=\"line-height: 1.5;\">\u00a0</span><a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/min-height\" style=\"line-height: 1.5;\" title=\"The min-height CSS property is used to set the minimum height of a given element. It prevents the used value of the height property from becoming smaller than the value specified for min-height.\"><code>min-height</code></a><span style=\"line-height: 1.5;\">\u00a0</span>and<span style=\"line-height: 1.5;\">\u00a0</span><a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/max-height\" style=\"line-height: 1.5;\" title=\"The max-height CSS property is used to set the maximum height of a given element. It prevents the used value of the height property from becoming larger than the value specified for max-height.\"><code>max-height</code></a><span style=\"line-height: 1.5;\">\u00a0properties.</span>", "localization_tags": ["inprogress"], "locale": "zh-TW", "last_edit": "2016-08-09T10:19:52", "review_tags": []}], "modified": "2015-07-24T03:05:52", "label": "Determining the dimensions of elements", "localization_tags": [], "locale": "en-US", "id": 11595, "last_edit": "2015-07-24T03:05:49", "summary": "There are several properties you can look at in order to determine the width and height of elements, and it can be tricky to determine which is the right one for your needs. This article is designed to help you make that decision. \u00a0Note that all these properties are read-only. \u00a0If you want to set the width and\u00a0height of an element, use\u00a0<span style=\"line-height: 1.5;\">\u00a0</span><code style=\"font-style: normal; line-height: 1.5;\"><a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/width\" style=\"line-height: 1.5;\" title=\"The width CSS property specifies the width of the content area of an element. The content area is inside the padding, border, and margin of the element.\">width</a>\u00a0</code>and<code style=\"font-style: normal; line-height: 1.5;\">\u00a0</code><code><a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/height\" title=\"The height CSS property specifies the height of the content area of an element. The content area is inside the padding, border, and margin of the element.\">height</a>;</code><span style=\"line-height: 1.5;\">\u00a0or,\u00a0the\u00a0overriding</span><span style=\"line-height: 1.5;\">\u00a0</span><a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/min-width\" style=\"line-height: 1.5;\" title=\"The min-width property is used to set the minimum width of a given element. It prevents the used value of the width property from becoming smaller than the value specified for min-width.\"><code>min-width</code></a><span style=\"line-height: 1.5;\">\u00a0</span>and<span style=\"line-height: 1.5;\">\u00a0</span><a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/max-width\" style=\"line-height: 1.5;\" title=\"The max-width property is used to set the maximum width of a given element. It prevents the used value of the width property from becoming larger than the value specified for max-width.\"><code>max-width</code></a><span style=\"line-height: 1.5;\">, </span>and<span style=\"line-height: 1.5;\">\u00a0</span><a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/min-height\" style=\"line-height: 1.5;\" title=\"The min-height CSS property is used to set the minimum height of a given element. It prevents the used value of the height property from becoming smaller than the value specified for min-height.\"><code>min-height</code></a><span style=\"line-height: 1.5;\">\u00a0</span>and<span style=\"line-height: 1.5;\">\u00a0</span><a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/max-height\" style=\"line-height: 1.5;\" title=\"The max-height CSS property is used to set the maximum height of a given element. It prevents the used value of the height property from becoming larger than the value specified for max-height.\"><code>max-height</code></a><span style=\"line-height: 1.5;\">\u00a0properties.</span>", "sections": [{"id": "Quick_Links", "title": null}, {"id": "How_much_room_does_it_use_up.3F", "title": "How much room does it use up?"}, {"id": "What.27s_the_size_of_the_displayed_content.3F", "title": "What's the size of the displayed content?"}, {"id": "How_big_is_the_content.3F", "title": "How big is the content?"}, {"id": "See_also", "title": "See also"}], "slug": "Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements", "review_tags": []}