{"json_modified": "2016-10-06T12:48:10.443733", "uuid": "3c333b3c-3ae8-4b4d-b445-fa3b48effff0", "title": "offset-block-end", "url": "/fr/docs/Web/CSS/offset-block-end", "tags": ["CSS", "Exp\u00e9rimental", "Propri\u00e9t\u00e9", "R\u00e9f\u00e9rence"], "translations": [{"uuid": "a63ef649-b88f-4448-b9f2-e0c36cfb5a0c", "title": "offset-block-end", "url": "/en-US/docs/Web/CSS/offset-block-end", "tags": ["NeedsContent", "CSS", "Reference", "CSS Logical Property", "Experimental", "CSS Property"], "summary": "The<strong> <code>offset-block-end</code></strong> <a title=\"CSS\" href=\"/en-US/docs/Web/CSS\">CSS</a> property defines the logical block end offset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the <a title=\"The top CSS property specifies part of the position of positioned elements. It has no effect on non-positioned elements.\" href=\"/en-US/docs/Web/CSS/top\"><code>top</code></a>,\u00a0<a title=\"Technical review completed.\" href=\"/en-US/docs/Web/CSS/right\"><code>right</code></a>,\u00a0<a title=\"The bottom CSS property participates in specifying the position of positioned elements.\" href=\"/en-US/docs/Web/CSS/bottom\"><code>bottom</code></a>, or <a title=\"The left CSS property specifies part of the position of positioned elements.\" href=\"/en-US/docs/Web/CSS/left\"><code>left</code></a> property depending on the values 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>, <a 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.\" href=\"/en-US/docs/Web/CSS/direction\"><code>direction</code></a>, and <a 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.\" href=\"/en-US/docs/Web/CSS/text-orientation\"><code>text-orientation</code></a>.", "localization_tags": [], "locale": "en-US", "last_edit": "2016-10-06T00:50:14", "review_tags": []}], "modified": "2016-10-06T12:48:10", "label": "offset-block-end", "localization_tags": [], "locale": "fr", "id": 174309, "last_edit": "2016-10-06T12:48:01", "summary": "La propri\u00e9t\u00e9 <strong><code>offset-block-end</code></strong> d\u00e9finit la fin du d\u00e9calage logique en bloc (<em>block</em>) d'un \u00e9l\u00e9ment, selon le mode d'\u00e9criture, la directionnalit\u00e9 et l'orientation. Elle correspond \u00e0 une des propri\u00e9t\u00e9s parmi <a href=\"/fr/docs/Web/CSS/top\" title=\"La propri&#xE9;t&#xE9; top d&#xE9;finit une partie de la position des &#xE9;l&#xE9;ments positionn&#xE9;s, elle n'a aucun effet pour les &#xE9;l&#xE9;ments non-positionn&#xE9;s.\"><code>top</code></a>,\u00a0<a href=\"/fr/docs/Web/CSS/right\" title=\"La propri&#xE9;t&#xE9; right d&#xE9;finie, en partie, la position des &#xE9;l&#xE9;ments positionn&#xE9;s.\"><code>right</code></a>,\u00a0<a href=\"/fr/docs/Web/CSS/bottom\" title=\"La propri&#xE9;t&#xE9; bottom contribue &#xE0; la d&#xE9;finition de l'emplacement des &#xE9;l&#xE9;ments positionn&#xE9;s.\"><code>bottom</code></a> ou\u00a0 <a href=\"/fr/docs/Web/CSS/left\" title=\"La propri&#xE9;t&#xE9; left permet de d&#xE9;finir une partie de la position des &#xE9;l&#xE9;ments positionn&#xE9;s. Pour les &#xE9;l&#xE9;ments positionn&#xE9;s de fa&#xE7;on absolue (ceux pour lesquels position: absolute ou position: fixed), elle d&#xE9;finit la distance entre le bord gauche de la marge de l'&#xE9;l&#xE9;ment et le bord gauche de son bloc englobant.\"><code>left</code></a> selon les valeurs des propri\u00e9t\u00e9s <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> et <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>.", "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": "HTML", "title": "HTML"}, {"id": "CSS", "title": "CSS"}, {"id": "R\u00e9sultat", "title": "R\u00e9sultat"}, {"id": "Sp\u00e9cifications", "title": "Sp\u00e9cifications"}, {"id": "Compatibilit\u00e9_des_navigateurs", "title": "Compatibilit\u00e9 des navigateurs"}, {"id": "Voir_aussi", "title": "Voir aussi"}], "slug": "Web/CSS/offset-block-end", "review_tags": []}