Contact Us | +1 888 239-0733 (Toll free US/CA) Mon-Fri: 7:30am to 4:30pm (PST)
The CSS 'border-block-start-style' property specifies the style of the border at an element's block start. This logical property is particularly useful for adapting designs to various writing modes, ensuring that border styles are applied in a manner consistent with the direction of text flow. It allows designers to define how the starting edge of an element's block flow is visually delineated.
See the Pen
CSS 'border-block-start-style' Property by Webzstore (@webzstore)
on CodePen. The 'border-block-start-style' property enhances CSS's capabilities for creating adaptable, internationally friendly designs by providing control over border styles in a logical, flow-relative manner. This supports the creation of content that's accessible and visually consistent across different writing modes and directions. Use 'border-block-start-style' to set the border style at the beginning of the block flow direction of an element, which can be the top border in horizontal writing modes (like English) and might be the left border in vertical writing modes (like traditional Japanese). This property is crucial in creating responsive designs that need to accommodate internationalization, ensuring that the appearance of borders automatically adjusts to the orientation of the content.CSS 'border-block-start-style' Property Examples
Browser Support For 'border-block-start-style' Property
41.0 12.1 69.0 79.0 56.0 CSS Syntax of the 'border-block-start-style' Property
border-block-start-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit;
Usage of the 'border-block-start-style' Property
Property Values of the 'border-block-start-style' Property
"*" indicates required fields