CSS | border-inline-start-width Property Last Updated : 26 Mar, 2020 Summarize Comments Improve Suggest changes Share Like Article Like Report The border-inline-start-width property in CSS is used to define the individual logical inline-end border property values in a single place in the style sheet. This property sets the border-width at the left of the defining element border. Syntax: border-inline-start-width: border-width; Property values: border-width: This property holds the width of the border. Below examples illustrate the border-inline-start-width property in the CSS: Example 1: html <!DOCTYPE html> <html> <head> <title>CSS | border-inline-start-width Property</title> <style> h1 { color: green; } div { background-color: yellow; width: 220px; height: 40px; } .one { border: 5px solid gray; border-inline-start-width: 8px; background-color: purple; } </style> </head> <body> <center> <h1>Geeksforgeeks</h1> <b>CSS | border-inline-start-width Property</b> <br><br> <div class="one">A Computer Science Portal</div> </center> </body> </html> Output: Example 2: html <!DOCTYPE html> <html> <head> <title>CSS | border-inline-start-width Property</title> <style> h1 { color: green; } div { background-color: yellow; width: 220px; height: 40px; } .one { border: 5px solid black; border-inline-start-width: 2px; background-color: purple; } </style> </head> <body> <center> <h1>Geeksforgeeks</h1> <b>CSS | border-inline-start-width Property</b> <br><br> <div class="one">A Computer Science Portal</div> </center> </body> </html> Output: Supported Browsers: The browsers supported by border-inline-start-width property are listed below: Firefox Opera Edge Reference: https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start-width Comment More infoAdvertise with us Next Article CSS border-inline-start-color Property S skyridetim Follow Improve Article Tags : Web Technologies CSS CSS-Properties Similar Reads CSS | border-inline-start Property The border-inline-start property in CSS is used to define the individual logical inline-end border property values in a single place in the style sheet. This property place the border at the left of the defining element. Syntax: border-inline-start: border-width| border-style| border-color; Property 2 min read CSS border-inline-width Property The border-inline-width property sets the width of an element's borders in the inline direction. It specifies the thickness of the inline-start and inline-end borders, adapting to the text direction. This property ensures consistent border styling in both left-to-right and right-to-left layouts. Syn 2 min read CSS | border-inline-start-style Property The border-inline-start-style property is an inbuilt property in CSS it is used to define the individual logical inline-end border property values in a single place in the style sheet. This property sets the border-style at the left of the defining element border. Syntax: border-inline-start-style: 1 min read CSS | border-inline-end-width Property The border-inline-end-width property in CSS is used to define the individual logical inline-end border property values in a single place in the style sheet. This property sets the border-width at the bottom of the defining element border. Syntax: border-inline-end-width: border-width; Property value 1 min read CSS border-inline-start-color Property The border-inline-start-color property in CSS allows you to set the color of the inline-start border of an element. This is a logical property that adapts based on the writing mode (e.g., left-to-right or right-to-left), making it useful for multilingual layouts.Syntax:border-inline-start-color: bor 2 min read CSS | border-block-start-width Property The border-block-start-width property in CSS is used to define the individual logical block-start border property values in a single place in the style sheet. This property sets the border-width at the top of the defining element border. Syntax: border-block-start-width: border-width; Property value 1 min read Like