{"json_modified": "2016-10-06T12:42:24.853336", "uuid": "96956839-aab1-406b-af71-857594eb41d5", "title": "max-inline-size", "url": "/en-US/docs/Web/CSS/max-inline-size", "tags": ["CSS", "Reference", "CSS Logical Property", "CSS Property", "Experimental"], "translations": [{"uuid": "a1aa68da-88b8-4898-8a2f-98e861884965", "title": "max-inline-size", "url": "/fr/docs/Web/CSS/max-inline-size", "tags": ["CSS", "Exp\u00e9rimental", "Propri\u00e9t\u00e9", "R\u00e9f\u00e9rence"], "summary": "La propri\u00e9t\u00e9 <a href=\"/fr/docs/Web/CSS\">CSS</a> <strong><code>max-inline-size</code></strong> d\u00e9finit la taille maximale horizontale ou verticale d'un \u00e9l\u00e9ment en ligne (<em>inline</em>) selon le mode d'\u00e9criture utilis\u00e9. Elle correspond \u00e0 la propri\u00e9t\u00e9 <a href=\"/fr/docs/Web/CSS/max-width\" title=\"La propri&#xE9;t&#xE9; max-width est utilis&#xE9;e pour d&#xE9;finir la largeur maximale d'un &#xE9;l&#xE9;ment donn&#xE9;. Elle emp&#xEA;che la valeur de la propri&#xE9;t&#xE9; width de devenir sup&#xE9;rieure &#xE0; la valeur sp&#xE9;cifi&#xE9;e par max-width (autrement dit, max-width est une borne sup&#xE9;rieur pour width).\"><code>max-width</code></a> ou <a href=\"/fr/docs/Web/CSS/max-height\" title=\"La propri&#xE9;t&#xE9; max-height est utilis&#xE9;e pour d&#xE9;finir la hauteur maximale d'un &#xE9;l&#xE9;ment donn&#xE9;. Elle emp&#xEA;che la valeur de la propri&#xE9;t&#xE9; height de devenir sup&#xE9;rieure &#xE0; la valeur sp&#xE9;cifi&#xE9;e par max-height (autrement dit, max-height est une borne sup&#xE9;rieure pour height).\"><code>max-height</code></a> selon la valeur utilis\u00e9e pour <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>. Si le mode d'\u00e9criture est orient\u00e9 verticalement, <code>max-inline-size</code> fait r\u00e9f\u00e9rence \u00e0 la hauteur maximale de l'\u00e9l\u00e9ment, sinon elle fait r\u00e9f\u00e9rence \u00e0 la largeur maximale de l'\u00e9l\u00e9ment. La propri\u00e9t\u00e9 <a href=\"/fr/docs/Web/CSS/max-block-size\" title=\"La propri&#xE9;t&#xE9; max-block-size d&#xE9;finit la taille maximale horizontale ou verticale d'un &#xE9;l&#xE9;ment de bloc (block) selon le mode d'&#xE9;criture utilis&#xE9;. Elle correspond &#xE0; la propri&#xE9;t&#xE9; max-width ou max-height selon la valeur utilis&#xE9;e pour writing-mode. Si le mode d'&#xE9;criture est orient&#xE9; verticalement, max-block-size fait r&#xE9;f&#xE9;rence &#xE0; la hauteur maximale de l'&#xE9;l&#xE9;ment, sinon elle fait r&#xE9;f&#xE9;rence &#xE0; la largeur maximale de l'&#xE9;l&#xE9;ment. La propri&#xE9;t&#xE9; max-inline-size peut &#xEA;tre utilis&#xE9;e pour les &#xE9;l&#xE9;ments en ligne.\"><code>max-block-size</code></a> peut \u00eatre utilis\u00e9e pour les blocs.", "localization_tags": [], "locale": "fr", "last_edit": "2016-10-06T12:42:17", "review_tags": []}], "modified": "2016-10-06T00:45:52", "label": "max-inline-size", "localization_tags": [], "locale": "en-US", "id": 135631, "last_edit": "2016-10-06T00:45:45", "summary": "The <strong><code>max-inline-size</code></strong> <a title=\"CSS\" href=\"/en-US/docs/Web/CSS\">CSS</a> property defines the horizontal or vertical maximal size of an element's block depending on its writing mode. It corresponds to the <a 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.\" href=\"/en-US/docs/Web/CSS/max-width\"><code>max-width</code></a> or the <a title=\"The max-height property is used to set the maximum height of an element. It prevents the used value of the height property from becoming larger than the value specified for max-height.\" href=\"/en-US/docs/Web/CSS/max-height\"><code>max-height</code></a> property depending on the value defined for <a title=\"The writing-mode property defines whether lines of text are laid out horizontally or vertically and the direction in which blocks progress.\" href=\"/en-US/docs/Web/CSS/writing-mode\"><code>writing-mode</code></a>. If the writing mode is vertically oriented, the value of <code>max-inline-size</code> relates to the maximal height of the element, otherwise it relates to the maximal width of the element. It relates to <a title=\"The max-block-size CSS property defines the horizontal or vertical maximal size of an element's block depending on its writing mode. It corresponds to the max-width or the max-height property, depending on the value defined for writing-mode. If the writing mode is vertically oriented, the value of max-block-size relates to the maximal width of the element, otherwise it relates to the maximal height of the element. It relates to max-inline-size, which defines the other dimension of the element.\" href=\"/en-US/docs/Web/CSS/max-block-size\"><code>max-block-size</code></a>, which defines the other dimension of the element.", "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": "Example", "title": "Example"}, {"id": "HTML_Content", "title": "HTML Content"}, {"id": "CSS_Content", "title": "CSS Content"}, {"id": "Specification", "title": "Specification"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}, {"id": "See_also", "title": "See also"}], "slug": "Web/CSS/max-inline-size", "review_tags": []}