Contact Us | +1 888 239-0733 (Toll free US/CA) Mon-Fri: 7:30am to 4:30pm (PST)
The CSS 'border-block-end-style' property specifies the border style at the block-end of an element. This property is part of the CSS Logical Properties, designed to adapt border styling to the content layout and flow based on the writing mode. It allows for the setting of border styles that can dynamically adjust in internationalized contexts, where the direction of text and layout may vary.
See the Pen
CSS 'border-block-end-style' Property by Webzstore (@webzstore)
on CodePen. The 'border-block-end-style' property enhances CSS's capabilities for creating adaptable, internationally friendly designs by providing control over border styles in a logical, flow-relative manner. Use 'border-block-end-style' to define how the border looks at the end of an element's block flow. In horizontal-tb writing modes (like English), it is typically the bottom border, but it can also be the right border in vertical writing modes. This property is crucial for designs that need to be responsive and adaptable across different languages and writing systems, ensuring the border's appearance is logical and consistent with the flow of content.CSS 'border-block-end-style' Property Examples
Browser Support For 'border-block-end-style' Property
41.0 12.1 69.0 79.0 56.0 CSS Syntax of the 'border-block-end-style' Property
border-block-end-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit;
Usage of the 'border-block-end-style' Property
Property Values of the 'border-block-end-style' Property
"*" indicates required fields