{"json_modified": "2016-10-06T12:15:08.359790", "uuid": "8628b2d4-d53c-4ff6-9b33-c9d05381a2f7", "title": "margin-inline-start", "url": "/en-US/docs/Web/CSS/margin-inline-start", "tags": ["CSS", "Reference", "CSS Logical Property", "CSS Property", "Experimental"], "translations": [{"uuid": "bc5ae335-78bf-41d2-adce-3813ca2f9fdc", "title": "margin-inline-start", "url": "/fr/docs/Web/CSS/margin-inline-start", "tags": ["CSS", "Exp\u00e9rimental", "Propri\u00e9t\u00e9", "R\u00e9f\u00e9rence"], "summary": "La propri\u00e9t\u00e9 <strong><code>margin-inline-start</code></strong> d\u00e9finit la marge logique appliqu\u00e9e au d\u00e9but des \u00e9l\u00e9ments en ligne, selon le mode d'\u00e9criture, la directionalit\u00e9 et l'orientation du texte. Selon les valeurs utilis\u00e9es pour\u00a0<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>, <a href=\"/fr/docs/Web/CSS/direction\" title=\"La propri&#xE9;t&#xE9; direction doit &#xEA;tre param&#xE9;tr&#xE9;e afin de correspondre &#xE0; la direction du texte&#xA0;:rtl (Right To Left pour droite &#xE0; gauche) pour les textes en h&#xE9;breu ou en arabe et ltr (Left To Right pour gauche &#xE0; droite) pour les autres. Cela doit normalement &#xEA;tre fait dans le document (par exemple, en utilisant l'attribut dir en HTML) plut&#xF4;t qu'avec une feuille de style CSS.\"><code>direction</code></a>, and <a href=\"/fr/docs/Web/CSS/text-orientation\" title=\"La propri&#xE9;t&#xE9; text-orientation d&#xE9;finit l'orientation du texte sur une ligne. Cette propri&#xE9;t&#xE9; n'a d'effet qu'en mode vertical (autrement dit, quand writing-mode n'est pas horizontal-tb). Elle est utile pour contr&#xF4;ler l'affichage de l'&#xE9;criture pour les langues dont le script est vertical. Elle permet aussi de g&#xE9;rer les en-t&#xEA;tes de tableaux verticaux.\"><code>text-orientation</code></a>, elle peut correspondre \u00e0 <a href=\"/fr/docs/Web/CSS/margin-top\" title=\"La propri&#xE9;t&#xE9; margin-top d&#xE9;finit l'espace vertical pour la marge appliqu&#xE9;e en haut de l'&#xE9;l&#xE9;ment. Une valeur n&#xE9;gative peut &#xEA;tre utilis&#xE9;e.\"><code>margin-top</code></a>,\u00a0<a href=\"/fr/docs/Web/CSS/margin-right\" title=\"La propri&#xE9;t&#xE9; margin-right d'un &#xE9;l&#xE9;ment d&#xE9;finit l'espace horizontal &#xE0; droite qui formera la marge &#xE0; droite. On peut avoir une marge droite n&#xE9;gative.\"><code>margin-right</code></a>,\u00a0<a href=\"/fr/docs/Web/CSS/margin-bottom\" title=\"La propri&#xE9;t&#xE9; margin-bottom d&#xE9;finit la marge basse appliqu&#xE9;e &#xE0; un &#xE9;l&#xE9;ment. On peut d&#xE9;finir une marge n&#xE9;gative.\"><code>margin-bottom</code></a> ou <a href=\"/fr/docs/Web/CSS/margin-left\" title=\"La propri&#xE9;t&#xE9; margin-left d'un &#xE9;l&#xE9;ment d&#xE9;finit l'espace horizontal &#xE0; gauche qui formera la marge &#xE0; gauche. On peut avoir une marge gauche n&#xE9;gative.\"><code>margin-left</code></a>.", "localization_tags": [], "locale": "fr", "last_edit": "2016-10-06T12:15:00", "review_tags": []}], "modified": "2016-10-06T00:34:33", "label": "margin-inline-start", "localization_tags": [], "locale": "en-US", "id": 135677, "last_edit": "2016-10-06T00:34:24", "summary": "The <strong><code>margin-inline-start</code></strong> <a href=\"/en-US/docs/Web/CSS\" title=\"CSS\">CSS</a> property defines the logical inline start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. It corresponds to the <a href=\"/en-US/docs/Web/CSS/margin-top\" title=\"The margin-top CSS property of an element sets the margin space required on the top of an element. A negative value is also allowed.\"><code>margin-top</code></a>,\u00a0<a href=\"/en-US/docs/Web/CSS/margin-right\" title=\"The margin-right CSS property of an element sets the margin space required on the right side of an element. A negative value is also allowed.\"><code>margin-right</code></a>,\u00a0<a href=\"/en-US/docs/Web/CSS/margin-bottom\" title=\"The margin-bottom CSS property of an element sets the margin space required on the bottom of an element. A negative value is also allowed.\"><code>margin-bottom</code></a>, or <a href=\"/en-US/docs/Web/CSS/margin-left\" title=\"The margin-left CSS property sets the margin space required on the left side of a box associated with an element. A negative value is also allowed.\"><code>margin-left</code></a> property depending on the values 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>, <a href=\"/en-US/docs/Web/CSS/direction\" title=\"Set the direction CSS property to match the direction of the text: rtl for languages written from right-to-left (like Hebrew or Arabic) text and ltr for other scripts. This is typically done as part of the document (e.g., using the dir attribute in HTML) rather than through direct use of CSS.\"><code>direction</code></a>, and <a href=\"/en-US/docs/Web/CSS/text-orientation\" title=\"The text-orientation CSS property defines the orientation of the text in a line. This property only has an effect in vertical mode, that is when writing-mode is not horizontal-tb. It is useful to control the display of writing in languages using vertical script, but also to deal with vertical table headers.\"><code>text-orientation</code></a>.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Syntax", "title": "Syntax"}, {"id": "Values", "title": "Values"}, {"id": "Formal_syntax", "title": "Formal syntax"}, {"id": "Example", "title": "Example"}, {"id": "HTML", "title": "HTML"}, {"id": "CSS", "title": "CSS"}, {"id": "Specification", "title": "Specification"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}, {"id": "See_also", "title": "See also"}], "slug": "Web/CSS/margin-inline-start", "review_tags": []}