Contact Us | +1 888 239-0733 (Toll free US/CA) Mon-Fri: 7:30am to 4:30pm (PST)
The CSS 'border-block-width' property is a shorthand for specifying the width of an element's block-start and block-end borders. This logical property adjusts according to the document's writing mode, allowing for consistent border widths that align with the flow of content. It's beneficial in responsive and internationalized web designs, where the layout and direction of text may vary.
See the Pen
CSS 'border-block-width' Property by Webzstore (@webzstore)
on CodePen. The 'border-block-width' property enhances CSS's ability to create flexible, writing-mode-aware layouts, supporting the development of content that is accessible and visually consistent across different languages and writing systems. Use 'border-block-width' to set uniform widths for the borders at the start and end of the block flow within an element. This property simplifies defining border widths in a writing mode-aware manner, ensuring that designs remain flexible and adaptable across different languages and writing systems.CSS 'border-block-width' Property Examples
Browser Support For 'border-block-width' Property
66.0 14.1 87.0 87.0 73.0 CSS Syntax of the 'border-block-width' Property
border-block-width: medium | thin | thick | length | initial | inherit;
Usage of the 'border-block-width' Property
Property Values of the 'border-block-width' Property
"*" indicates required fields