{"json_modified": "2016-10-06T12:03:11.482997", "uuid": "8a73c843-722d-4f1e-a500-aaafbba5d8f1", "title": "border-block-start-color", "url": "/en-US/docs/Web/CSS/border-block-start-color", "tags": ["CSS", "Reference", "CSS Logical Property", "CSS Property", "Experimental"], "translations": [{"uuid": "9c6f3de7-1fe8-4375-b7ab-aa00c3520ad2", "title": "border-block-start-color", "url": "/fr/docs/Web/CSS/border-block-start-color", "tags": ["CSS", "Exp\u00e9rimental", "Propri\u00e9t\u00e9", "R\u00e9f\u00e9rence"], "summary": "La propri\u00e9t\u00e9 <strong><code>border-block-start-color</code></strong> d\u00e9finit la couleur de la bordure pour le c\u00f4t\u00e9 du d\u00e9but de l'\u00e9l\u00e9ment orient\u00e9 orthogonalement \u00e0 l'axe de lecture. Elle correspond \u00e0 une propri\u00e9t\u00e9 physique selon le mode d'\u00e9criture de l'\u00e9l\u00e9ment, sa directionnalit\u00e9 et l'orientation du texte. Autrement dit, elle correspond \u00e0 l'une des propri\u00e9t\u00e9s <a href=\"/fr/docs/Web/CSS/border-top-color\" title=\"La propri&#xE9;t&#xE9; border-top-color permet de d&#xE9;finir la couleur utilis&#xE9;e pour la bordure haute d'un &#xE9;l&#xE9;ment. Pour avoir une formulation plus concise, on pourra utiliser les propri&#xE9;t&#xE9;s raccourcies border-color et/ou border-top.\"><code>border-top-color</code></a>,\u00a0<a href=\"/fr/docs/Web/CSS/border-right-color\" title=\"La propri&#xE9;t&#xE9; border-right-color permet de d&#xE9;finir la couleur utilis&#xE9;e pour la bordure droite d'un &#xE9;l&#xE9;ment. Pour avoir une formulation plus concise, on pourra utiliser les propri&#xE9;t&#xE9;s raccourcies border-color et/ou border-right.\"><code>border-right-color</code></a>,\u00a0<a href=\"/fr/docs/Web/CSS/border-bottom-color\" title=\"La propri&#xE9;t&#xE9; border-bottom-color permet de d&#xE9;finir la couleur utilis&#xE9;e pour la bordure basse d'un &#xE9;l&#xE9;ment. Pour avoir une formulation plus concise, on pourra utiliser les propri&#xE9;t&#xE9;s raccourcies border-color et/ou border-bottom.\"><code>border-bottom-color</code></a> ou <a href=\"/fr/docs/Web/CSS/border-left-color\" title=\"La propri&#xE9;t&#xE9; border-left-color permet de d&#xE9;finir la couleur utilis&#xE9;e pour la bordure gauche d'un &#xE9;l&#xE9;ment. Pour avoir une formulation plus concise, on pourra utiliser les propri&#xE9;t&#xE9;s raccourcies border-color et/ou border-left.\"><code>border-left-color</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>.", "localization_tags": [], "locale": "fr", "last_edit": "2016-10-06T12:03:01", "review_tags": []}], "modified": "2016-10-06T00:05:18", "label": "border-block-start-color", "localization_tags": [], "locale": "en-US", "id": 135829, "last_edit": "2016-10-06T00:05:08", "summary": "The <strong><code>border-block-start-color</code></strong> <a href=\"/en-US/docs/Web/CSS\" title=\"CSS\">CSS</a> property defines the color of the logical block start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the <a href=\"/en-US/docs/Web/CSS/border-top-color\" title=\"The border-top-color CSS property sets the color of the top border of an element. Note that in many cases the shorthand CSS properties border-color or border-top are more convenient and preferable.\"><code>border-top-color</code></a>,\u00a0<a href=\"/en-US/docs/Web/CSS/border-right-color\" title=\"The border-right-color CSS property sets the color of the right border of an element. Note that in many cases the shorthand CSS properties&#xA0; border-color or border-right are more convenient and preferable.\"><code>border-right-color</code></a>,\u00a0<a href=\"/en-US/docs/Web/CSS/border-bottom-color\" title=\"The border-bottom-color CSS property sets the color of the bottom border of an element. Note that in many cases the shorthand CSS properties border-color or border-bottom are more convenient and preferable.\"><code>border-bottom-color</code></a>, or <a href=\"/en-US/docs/Web/CSS/border-left-color\" title=\"The border-left-color CSS property sets the color of the left border of an element. Note that in many cases the shorthand CSS properties border-color or border-left are more convenient and preferable.\"><code>border-left-color</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": "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/border-block-start-color", "review_tags": []}