.example { border-block-start-color: red; border-block-start-width: 2px; border-block-start-style: solid; }The 'border-block-start-color' property sets the color of the block-start border of an element. This property is useful for styling the top border of a block-level element in CSS.
.border-example { border-block-start: 2px solid black; }The 'border-block-start' CSS property is used to set the styles for the border of the start side of a block container. It is particularly useful for creating distinct borders on the top side of a block element.
.example { border-block-end-width: 2px; border-style: solid; }The 'border-block-end-width' property sets the width of the border on the end side of a block-level element. It can be used to specify the thickness of the border on the 'block-end' side of the element.
.example { border-block-end-style: dotted; }The 'border-block-end-style' CSS property sets the style of the block-end border of an element. This property is useful for creating different styles for the border on the end side of a block-level element, such as a paragraph or a heading.
.example { border-block-end-color: blue; }The 'border-block-end-color' property sets the color of the bottom border of a block-level element. It is part of the CSS Logical Properties specification, defining the color of the border on the 'block-end' side of the element.