{"json_modified": "2016-10-06T11:52:11.218343", "uuid": "7e918bb5-f2ed-4ef6-b1fa-7124b20bb215", "title": "block-size", "url": "/fr/docs/Web/CSS/block-size", "tags": ["CSS", "Exp\u00e9rimental", "Propri\u00e9t\u00e9", "R\u00e9f\u00e9rence"], "translations": [{"uuid": "ba44398a-1b65-45a2-a3fe-975eca3f6fe2", "title": "block-size", "url": "/en-US/docs/Web/CSS/block-size", "tags": ["CSS", "Reference", "CSS Logical Property", "CSS Property", "Experimental"], "summary": "The <strong><code>block-size</code></strong> <a href=\"/en-US/docs/Web/CSS\" title=\"CSS\">CSS</a> property defines the horizontal or vertical size of an element's block depending on its writing mode. It corresponds to the <a href=\"/en-US/docs/Web/CSS/width\" 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.\"><code>width</code></a> or the <a href=\"/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.\"><code>height</code></a> property depending on the value defined for <a href=\"/en-US/docs/Web/CSS/writing-mode\" title=\"The writing-mode property defines whether lines of text are laid out horizontally or vertically and the direction in which blocks progress.\"><code>writing-mode</code></a>.", "localization_tags": [], "locale": "en-US", "last_edit": "2016-10-05T23:57:39", "review_tags": []}, {"uuid": "f93c759b-d479-4761-a31a-aabc01d24f70", "title": "block-size", "url": "/ja/docs/Web/CSS/block-size", "tags": ["CSS", "Reference", "CSS Logical Property", "CSS Property", "Experimental"], "summary": "<strong><code>block-size</code></strong> <a href=\"/docs/Web/CSS\" title=\"CSS\">CSS</a> \u30d7\u30ed\u30d1\u30c6\u30a3\u306f\u3001\u8981\u7d20\u30d6\u30ed\u30c3\u30af\u306e writing-mode \u306b\u5fdc\u3058\u305f\u6c34\u5e73\u307e\u305f\u306f\u5782\u76f4\u65b9\u5411\u306e\u30b5\u30a4\u30ba\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002\u3053\u308c\u306f\u3001<a href=\"/ja/docs/Web/CSS/writing-mode\" title=\"writing-mode &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x30C6;&#x30AD;&#x30B9;&#x30C8;&#x306E;&#x884C;&#x306E;&#x30EC;&#x30A4;&#x30A2;&#x30A6;&#x30C8;&#x3092;&#x6C34;&#x5E73;&#x307E;&#x305F;&#x306F;&#x5782;&#x76F4;&#x306B;&#x3001;&#x30D6;&#x30ED;&#x30C3;&#x30AF;&#x306E;&#x6D41;&#x308C;&#x308B;&#x65B9;&#x5411;&#x3092;&#x5DE6;&#x5411;&#x304D;&#x307E;&#x305F;&#x306F;&#x53F3;&#x5411;&#x304D;&#x306B;&#x5B9A;&#x7FA9;&#x3057;&#x307E;&#x3059;&#x3002;\"><code>writing-mode</code></a> \u306b\u6307\u5b9a\u3055\u308c\u305f\u5024\u306b\u4f9d\u5b58\u3057\u3001<a href=\"/ja/docs/Web/CSS/width\" title=\"CSS &#x306E; width &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x8981;&#x7D20;&#x306E;&#x30B3;&#x30F3;&#x30C6;&#x30F3;&#x30C4;&#x30A8;&#x30EA;&#x30A2;&#x9818;&#x57DF;&#x306E;&#x6A2A;&#x5E45;&#x3092;&#x6307;&#x5B9A;&#x3059;&#x308B;&#x305F;&#x3081;&#x306E;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x3067;&#x3059;&#x3002;&#x30B3;&#x30F3;&#x30C6;&#x30F3;&#x30C4;&#x30A8;&#x30EA;&#x30A2;&#x3068;&#x306F;&#x3001;&#x8981;&#x7D20;&#x306E;&#x30D1;&#x30C7;&#x30A3;&#x30F3;&#x30B0;&#x3001;&#x30DC;&#x30FC;&#x30C0;&#x30FC;&#x3001;&#x30DE;&#x30FC;&#x30B8;&#x30F3;&#x3088;&#x308A;&#x5185;&#x5074;&#x306E;&#x9818;&#x57DF;&#x3092;&#x6307;&#x3057;&#x307E;&#x3059;&#x3002;\"><code>width</code></a> \u307e\u305f\u306f <a href=\"/ja/docs/Web/CSS/height\" title=\"CSS &#x306E; height &#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x306F;&#x3001;&#x8981;&#x7D20;&#x306E;&#x30B3;&#x30F3;&#x30C6;&#x30F3;&#x30C4;&#x30A8;&#x30EA;&#x30A2;&#x306E;&#x9AD8;&#x3055;&#x3092;&#x6307;&#x5B9A;&#x3059;&#x308B;&#x305F;&#x3081;&#x306E;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x3067;&#x3059;&#x3002;&#x30B3;&#x30F3;&#x30C6;&#x30F3;&#x30C4;&#x30A8;&#x30EA;&#x30A2;&#x3068;&#x306F;&#x3001;&#x8981;&#x7D20;&#x306E;&#x30D1;&#x30C7;&#x30A3;&#x30F3;&#x30B0;&#x3001;&#x30DC;&#x30FC;&#x30C0;&#x30FC;&#x3001;&#x30DE;&#x30FC;&#x30B8;&#x30F3;&#x306E;&#x9818;&#x57DF;&#x3088;&#x308A;&#x5185;&#x5074;&#x306E;&#x9818;&#x57DF;&#x3092;&#x6307;&#x3057;&#x307E;&#x3059;&#x3002;\"><code>height</code></a> \u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u76f8\u5f53\u3057\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2016-08-07T20:40:58", "review_tags": []}], "modified": "2016-10-06T11:52:10", "label": "block-size", "localization_tags": [], "locale": "fr", "id": 181278, "last_edit": "2016-10-06T11:52:03", "summary": "La propri\u00e9t\u00e9 <strong><code>block-size</code></strong> est une propri\u00e9t\u00e9 <em>logique</em> qui permet de d\u00e9finir la taille de l'\u00e9l\u00e9ment dans le direction orthogonale au sens de lecture. Selon la valeur de la propri\u00e9t\u00e9 <a href=\"/fr/docs/Web/CSS/writing-mode\" title=\"La propri&#xE9;t&#xE9; writing-mode d&#xE9;finit si les lignes d'un texte sont &#xE9;crites horizontalement ou verticalement et la direction selon laquelle le bloc grandit.\"><code>writing-mode</code></a>, elle correspondra \u00e0 la propri\u00e9t\u00e9 physique <a href=\"/fr/docs/Web/CSS/width\" title=\"La propri&#xE9;t&#xE9; width d&#xE9;finit la largeur de la zone d&#xE9;di&#xE9;e au contenu d'un &#xE9;l&#xE9;ment. La zone de contenu est comprise &#xE0; l'int&#xE9;rieur de la bo&#xEE;te de remplissage (padding), de la bordure (border) et de la bo&#xEE;te de marge (margin) de l'&#xE9;l&#xE9;ment.\"><code>width</code></a> ou <a href=\"/fr/docs/Web/CSS/height\" title=\"La propri&#xE9;t&#xE9; height d&#xE9;finit la hauteur de la bo&#xEE;te de contenu d'un &#xE9;l&#xE9;ment. La bo&#xEE;te de contenu est &#xE0; l'int&#xE9;rieur de la bo&#xEE;te de remplissage (padding) qui est &#xE0; l'int&#xE9;rieur de la bo&#xEE;te de bordure qui est elle-m&#xEA;me &#xE0; l'int&#xE9;rieur de la bo&#xEE;te de marge de l'&#xE9;l&#xE9;ment.\"><code>height</code></a>.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Syntaxe", "title": "Syntaxe"}, {"id": "Valeurs", "title": "Valeurs"}, {"id": "Syntaxe_formelle", "title": "Syntaxe formelle"}, {"id": "Exemples", "title": "Exemples"}, {"id": "CSS", "title": "CSS"}, {"id": "HTML", "title": "HTML"}, {"id": "R\u00e9sultat", "title": "R\u00e9sultat"}, {"id": "Sp\u00e9cification", "title": "Sp\u00e9cification"}, {"id": "Compatibilit\u00e9_des_navigateurs", "title": "Compatibilit\u00e9 des navigateurs"}, {"id": "Voir_aussi", "title": "Voir aussi"}], "slug": "Web/CSS/block-size", "review_tags": []}