{"json_modified": "2016-10-06T12:02:05.604121", "uuid": "d524b4d1-2f16-498e-b6c7-42fb915a1ad9", "title": "border-block-start", "url": "/en-US/docs/Web/CSS/border-block-start", "tags": ["CSS", "Reference", "CSS Logical Property", "CSS Property", "Experimental"], "translations": [{"uuid": "e666580d-8157-4f15-bf4a-3f679d9ae58c", "title": "border-block-start", "url": "/fr/docs/Web/CSS/border-block-start", "tags": ["CSS", "Exp\u00e9rimental", "Propri\u00e9t\u00e9", "R\u00e9f\u00e9rence"], "summary": "La propri\u00e9t\u00e9 <strong><code>border-block-start</code></strong> est une propri\u00e9t\u00e9 raccourcie qui permet de d\u00e9finir la bordure d'un \u00e9l\u00e9ment pour le c\u00f4t\u00e9 correspondant au d\u00e9but de l'\u00e9l\u00e9ment dans l'axe orthogonal au sens de lecture. Elle peut \u00eatre utilis\u00e9e pour d\u00e9finir les valeurs de <a href=\"/fr/docs/Web/CSS/border-block-start-width\" title=\"Cette propri&#xE9;t&#xE9; logique est &#xE0; rapprocher des autres propri&#xE9;t&#xE9;s logiques border-inline-start-width, border-block-end-width et border-inline-end-width qui permettent de d&#xE9;finir la largeur de la bordure pour les diff&#xE9;rents c&#xF4;t&#xE9;s de l'&#xE9;l&#xE9;ment.\"><code>border-block-start-width</code></a>, <a href=\"/fr/docs/Web/CSS/border-block-start-style\" title=\"La propri&#xE9;t&#xE9; border-block-start-style d&#xE9;finit le style de la bordure utilis&#xE9; pour le c&#xF4;t&#xE9; du d&#xE9;but de l'&#xE9;l&#xE9;ment dans l'axe orthogonal au sens de lecture. Cette propri&#xE9;t&#xE9; logique correspondra &#xE0; une propri&#xE9;t&#xE9; physique selon le mode d'&#xE9;criture, la directionnalit&#xE9; et l'orientation du texte. Autrement dit, elle correspond &#xE0; border-top-style,&#xA0;border-right-style,&#xA0;border-bottom-style ou &#xE0; border-left-style selon les valeurs de writing-mode, direction et text-orientation.\"><code>border-block-start-style</code></a> et <a href=\"/fr/docs/Web/CSS/border-block-start-color\" title=\"La propri&#xE9;t&#xE9; border-block-start-color d&#xE9;finit la couleur de la bordure pour le c&#xF4;t&#xE9; du d&#xE9;but de l'&#xE9;l&#xE9;ment orient&#xE9; orthogonalement &#xE0; l'axe de lecture. Elle correspond &#xE0; une propri&#xE9;t&#xE9; physique selon le mode d'&#xE9;criture de l'&#xE9;l&#xE9;ment, sa directionnalit&#xE9; et l'orientation du texte. Autrement dit, elle correspond &#xE0; l'une des propri&#xE9;t&#xE9;s border-top-color,&#xA0;border-right-color,&#xA0;border-bottom-color ou border-left-color selon les valeurs des propri&#xE9;t&#xE9;s writing-mode, direction et text-orientation.\"><code>border-block-start-color</code></a>.", "localization_tags": [], "locale": "fr", "last_edit": "2016-10-06T12:01:55", "review_tags": []}], "modified": "2016-10-06T00:07:14", "label": "border-block-start", "localization_tags": [], "locale": "en-US", "id": 135805, "last_edit": "2016-10-06T00:07:03", "summary": "The<strong> <code>border-block-start</code></strong> <a href=\"/en-US/docs/Web/CSS\" title=\"CSS\">CSS</a> property is a shorthand property for setting the individual logical block start border property values in a single place in the style sheet. <code>border-block-start</code> can be used to set the values for one or more of: <a href=\"/en-US/docs/Web/CSS/border-block-start-width\" title=\"The border-block-start-width CSS property defines the width of the logical block start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-width,&#xA0;border-right-width,&#xA0;border-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation.\"><code>border-block-start-width</code></a>, <a href=\"/en-US/docs/Web/CSS/border-block-start-style\" title=\"The border-block-start-style CSS property defines the style of the logical block start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-style,&#xA0;border-right-style,&#xA0;border-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation.\"><code>border-block-start-style</code></a>, <a href=\"/en-US/docs/Web/CSS/border-block-start-color\" title=\"The border-block-start-color CSS 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 border-top-color,&#xA0;border-right-color,&#xA0;border-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.\"><code>border-block-start-color</code></a>. It maps to a physical border depending on the element's writing mode, directionality, and text orientation. It corresponds to the <a href=\"/en-US/docs/Web/CSS/border-top\" title=\"The border-top CSS property is a shorthand that sets the values of border-top-color, border-top-style, and border-top-width. These properties describe the top border of elements.\"><code>border-top</code></a>,\u00a0<a href=\"/en-US/docs/Web/CSS/border-right\" title=\"The border-right CSS property is a shorthand that sets the values of border-right-color, border-right-style, and border-right-width. These properties describe the right border of elements.\"><code>border-right</code></a>,\u00a0<a href=\"/en-US/docs/Web/CSS/border-bottom\" title=\"The border-bottom CSS property is a shorthand that sets the values of border-bottom-color, border-bottom-style, and border-bottom-width. These properties describe the bottom border of elements.\"><code>border-bottom</code></a>, or <a href=\"/en-US/docs/Web/CSS/border-left\" title=\"The border-left CSS property is a shorthand that sets the values of border-left-color, border-left-style, and border-left-width. These properties describe the left border of elements.\"><code>border-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": "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", "review_tags": []}