{"json_modified": "2016-05-09T11:16:38.821586", "uuid": "7266e348-c063-4a05-a165-7e087cad1b76", "title": "\u76d2\u6a21\u578b", "url": "/zh-CN/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model", "tags": ["CSS \u76d2\u6a21\u578b"], "translations": [{"uuid": "52b9376e-f24d-4a32-90d4-7a9045d1cf0d", "title": "Introduction to the CSS box model", "url": "/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model", "tags": ["CSS", "Reference", "CSS Box Model", "Beginner"], "summary": "In a document, each element is represented as a rectangular box. Determining the size, properties \u2014 like its color, background, borders aspect \u2014 and the position of these boxes is the goal of the rendering engine.", "localization_tags": [], "locale": "en-US", "last_edit": "2015-10-13T03:45:31", "review_tags": []}, {"uuid": "c80b5398-524a-4907-bc9c-7e143e950960", "title": "Boxmodell", "url": "/de/docs/Web/CSS/CSS_Boxmodell/Einf%C3%BChrung_in_das_CSS_Boxmodell", "tags": ["CSS", "CSS Referenz"], "summary": "Eine Box hat in CSS vier Bereiche: <strong>margin edge</strong> (wei\u00df au\u00dfen), <strong>border edge</strong> (grau), <strong>padding edge</strong> (gr\u00fcn), und <strong>content edge</strong> (wei\u00df mitte). Das Folgende Diagramm zeigt die unterschiedlichen H\u00f6hen und Breiten anhand der Eigenschaften, die Ver\u00e4nderungen an einer CSS Box zulassen:", "localization_tags": [], "locale": "de", "last_edit": "2015-07-20T03:51:50", "review_tags": []}, {"uuid": "fafe27e9-8665-440d-a37b-ce3660d25609", "title": "Box model", "url": "/ja/docs/Web/CSS/box_model", "tags": [], "summary": "CSS \u306e\u30dc\u30c3\u30af\u30b9\u306b\u306f\u3001\u6b21\u306e\u56f3\u306e\u3088\u3046\u306b\u3001<strong>\u30de\u30fc\u30b8\u30f3\u5883\u754c</strong>\u3001<strong>\u30dc\u30fc\u30c0\u30fc\u5883\u754c</strong>\u3001<strong>\u30d1\u30c7\u30a3\u30f3\u30b0\u5883\u754c</strong>\u3001<strong>\u30b3\u30f3\u30c6\u30f3\u30c4\u30a8\u30ea\u30a2\u5883\u754c</strong>\u306e 4 \u3064\u306e\u8fba\u304c\u3042\u308a\u307e\u3059:", "localization_tags": [], "locale": "ja", "last_edit": "2013-05-10T15:28:35", "review_tags": []}, {"uuid": "3bebc612-b73c-4add-b1f0-5f5bffb90f8d", "title": "Mod\u00e8le de bo\u00eete", "url": "/fr/docs/Web/CSS/Mod%C3%A8le_de_bo%C3%AEte", "tags": ["CSS", "R\u00e9f\u00e9rence CSS"], "summary": "Dans un document HTML, chaque \u00e9l\u00e9ment est repr\u00e9sent\u00e9 par une bo\u00eete rectangulaire. Le calcul de la taille, des propri\u00e9t\u00e9s (couleur, arri\u00e8re-plan, forme du cadre) et de la position des bo\u00eetes est le r\u00f4le du moteur de rendu. En CSS, chacune de ces bo\u00eetes est d\u00e9crite \u00e0 partir d'un mod\u00e8le standard qui permet de d\u00e9crire le contenu de l'espace occup\u00e9 par un \u00e9l\u00e9ment.", "localization_tags": [], "locale": "fr", "last_edit": "2016-04-03T11:01:28", "review_tags": []}, {"uuid": "e36df0ba-d3b7-42a4-908c-05296e143a9b", "title": "El modelo de caja", "url": "/es/docs/Tutorial_de_XUL/El_modelo_de_caja", "tags": ["Tutorial_de_XUL", "XUL"], "summary": "En esta secci\u00f3n veremos c\u00f3mo XUL maneja esquemas.", "localization_tags": [], "locale": "es", "last_edit": "2014-12-08T06:07:04", "review_tags": []}, {"uuid": "bcd78254-7ef6-4165-a7b8-70e98f23d2fa", "title": "Struktura elementu", "url": "/cs/docs/Web/CSS/box_model", "tags": [], "summary": "<span style=\"line-height: inherit;\">Ka\u017ed\u00fd element je v dokumentu reprezentov\u00e1n jako obd\u00e9ln\u00edkov\u00e1 plocha. O velikost t\u00e9to plochy a </span><span style=\"line-height: inherit;\">jej\u00ed </span><span style=\"line-height: inherit;\">vlastnosti (jako je barva, pozad\u00ed, okraje, apod.) se star\u00e1 vykreslovac\u00ed modul.</span>", "localization_tags": [], "locale": "cs", "last_edit": "2014-06-25T02:05:20", "review_tags": []}, {"uuid": "e1d1df84-2683-4d1a-9a11-93366011bbe3", "title": "\u0411\u043b\u043e\u043a\u043e\u0432\u0430\u044f \u043c\u043e\u0434\u0435\u043b\u044c (\u0431\u043e\u043a\u0441\u043e\u0432\u0430\u044f \u043c\u043e\u0434\u0435\u043b\u044c, box model)", "url": "/ru/docs/Web/CSS/box_model", "tags": ["CSS", "\u0412\u0435\u0431", "Guide"], "summary": "\u0412 HTML-\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0435 \u043a\u0430\u0436\u0434\u043e\u043c\u0443 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0443 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442\u00a0\u043f\u0440\u044f\u043c\u043e\u0443\u0433\u043e\u043b\u044c\u043d\u0430\u044f \u043e\u0431\u043b\u0430\u0441\u0442\u044c\u00a0(\u0431\u043e\u043a\u0441 \u0438\u043b\u0438 \u0431\u043b\u043e\u043a). \u0414\u0432\u0438\u0436\u043e\u043a \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u0440\u0430\u0437\u043c\u0435\u0440\u044b \u0438 \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0431\u043e\u043a\u0441\u043e\u0432 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0438\u0445 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0432\u0440\u043e\u0434\u0435 \u0446\u0432\u0435\u0442\u0430, \u0444\u043e\u043d\u043e\u0432\u043e\u0439 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438\u00a0\u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u0438\u0445 \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435.", "localization_tags": [], "locale": "ru", "last_edit": "2015-05-31T09:55:29", "review_tags": []}, {"uuid": "f65b41b4-aa76-4e2f-a2e1-5daf41f57525", "title": "Kutu modeli", "url": "/tr/docs/Web/CSS/box_model", "tags": ["CSS", "Kutu Modeli"], "summary": "Bir d\u00f6k\u00fcman i\u00e7erisinde, her eleman bir dikd\u00f6rtgen kutu \u015feklinde sunulur. Bu kutular\u0131n boyutlar\u0131, \u00f6zellikleri \u2014\u00a0\u00f6rne\u011fin renkleri, arkaplan\u0131, border g\u00f6r\u00fcn\u00fcm\u00fc\u00a0\u2014 ve pozisyonlar\u0131n\u0131 belirlemek,\u00a0rendering motorunun g\u00f6revidir.", "localization_tags": ["inprogress"], "locale": "tr", "last_edit": "2015-06-27T13:26:53", "review_tags": []}, {"uuid": "c35fc23f-3132-4a96-adab-1f268b0e3316", "title": "Box model", "url": "/pt-BR/docs/Web/CSS/box_model", "tags": [], "summary": "Em uma p\u00e1gina WEB, cada elemento \u00e9 representado como um <em>box </em>retangular. Determinar\u00a0o tamanho, propriedades - como sua cor, fundo, estilo das bordas\u00a0- e a posi\u00e7\u00e3o desses <em>boxes</em> \u00e9 o objetivo do mecanismo\u00a0de renderiza\u00e7\u00e3o.", "localization_tags": [], "locale": "pt-BR", "last_edit": "2015-07-21T08:42:47", "review_tags": []}, {"uuid": "e39a1a34-0672-4114-b9f6-2dc6e590524c", "title": "CSS \ubc15\uc2a4 \ubaa8\ub378 \uc785\ubb38", "url": "/ko/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model", "tags": ["CSS", "Reference", "CSS Box Model", "Beginner", "beginner"], "summary": "\ubb38\uc11c\uc5d0\uc11c, \uac01 \uc694\uc18c(element)\ub294 \uc0ac\uac01\ud615 \ubc15\uc2a4\ub85c \ub098\ud0c0\ub0c5\ub2c8\ub2e4. \uc774 \ubc15\uc2a4\uc758 \ud06c\uae30, \ud2b9\uc131(\uc0c9, \ubc30\uacbd, \ud14c\ub450\ub9ac \ubaa8\uc591 \ub4f1) \ubc0f \uc704\uce58 \uacb0\uc815\uc774 \ub80c\ub354\ub9c1 \uc5d4\uc9c4\uc758 \ubaa9\uc801\uc785\ub2c8\ub2e4.", "localization_tags": [], "locale": "ko", "last_edit": "2016-04-29T02:14:14", "review_tags": []}], "modified": "2016-05-09T11:16:38", "label": "\u76d2\u6a21\u578b", "localization_tags": [], "locale": "zh-CN", "id": 71439, "last_edit": "2016-05-09T11:16:32", "summary": "\u6587\u6863\u4e2d\u7684\u6bcf\u4e2a\u5143\u7d20\u88ab\u63cf\u7ed8\u4e3a\u77e9\u5f62\u76d2\u5b50\u3002\u6e32\u67d3\u5f15\u64ce\u7684\u76ee\u7684\u5c31\u662f\u5224\u5b9a\u5927\u5c0f\uff0c\u5c5e\u6027\u2014\u2014\u6bd4\u5982\u5b83\u7684\u989c\u8272\u3001\u80cc\u666f\u3001\u8fb9\u6846\u65b9\u9762\u2014\u2014\u53ca\u8fd9\u4e9b\u76d2\u5b50\u7684\u4f4d\u7f6e\u3002", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Summary", "title": "Summary"}, {"id": "\u89c4\u8303", "title": "\u89c4\u8303"}, {"id": "\u76f8\u5173\u94fe\u63a5", "title": "\u76f8\u5173\u94fe\u63a5"}], "slug": "Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model", "review_tags": []}