{"json_modified": "2015-07-21T08:42:53.704926", "slug": "Web/CSS/box_model", "tags": [], "locale": "pt-BR", "title": "Box model", "translations": [{"title": "Box model", "url": "/en-US/docs/Web/CSS/box_model", "tags": ["CSS", "guide", "Web", "Guide"], "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-06-27T13:25:20", "review_tags": []}, {"title": "Boxmodell", "url": "/de/docs/Web/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": []}, {"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": []}, {"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": "L'aire de la marge est la surface d\u00e9limit\u00e9e par le contour de la marge et ses propri\u00e9t\u00e9s sont <b>marge de la bo\u00eete: largeur</b> et <b>marge de la bo\u00eete: hauteur</b>.", "localization_tags": [], "locale": "fr", "last_edit": "2014-09-30T23:40:45", "review_tags": []}, {"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": []}, {"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": []}, {"title": "\u76d2\u6a21\u578b", "url": "/zh-CN/docs/Web/CSS/box_model", "tags": [], "summary": "\u6587\u6863\u4e2d\u7684\u6bcf\u4e2a\u5143\u7d20\u88ab\u63cf\u7ed8\u4e3a\u77e9\u5f62\u76d2\u5b50\u3002\u786e\u5b9a\u5176\u5927\u5c0f\uff0c\u5c5e\u6027\u2014\u2014\u6bd4\u5982\u989c\u8272\u3001\u80cc\u666f\u3001\u8fb9\u6846\uff0c\u53ca\u5176\u4f4d\u7f6e\u662f\u6e32\u67d3\u5f15\u64ce\u7684\u76ee\u6807\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2014-04-21T00:13:51", "review_tags": []}, {"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": []}, {"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": []}], "modified": "2015-07-21T08:42:52", "label": "Box model", "localization_tags": [], "url": "/pt-BR/docs/Web/CSS/box_model", "last_edit": "2015-07-21T08:42:47", "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.", "sections": [{"id": "Resumo", "title": "Resumo"}, {"id": "Especifica\u00e7\u00e3o", "title": "Especifica\u00e7\u00e3o"}, {"id": "Veja_tamb\u00e9m", "title": "Veja tamb\u00e9m"}], "id": 158093, "review_tags": []}