Learn CSS daily

border-end-start-radius
.example { border: 2px solid black; border-end-start-radius: 15px; }

The 'border-end-start-radius' CSS property is used to define the radii of the corners where the end and start sides of the border meet in block-level elements. It allows you to create rounded corners specifically for the border edges at the end and start sides of the element.

border-end-end-radius
.example { border-end-end-radius: 10px; }

The 'border-end-end-radius' property in CSS is used to set the rounding of the bottom-right corner of an element's border. It is part of the CSS Logical Properties Level 1 specification, which allows you to define styles based on the writing mode of the document.

border-color
.border-example { border: 2px solid #333; border-color: red; }

The 'border-color' property in CSS is used to set the color of the borders of an element. You can specify the color using color names, hexadecimal values, RGB values, or HSL values. If you want to set different colors for each side of the border, you can use the 'border-top-color', 'border-right-color', 'border-bottom-color', and 'border-left-color' properties.

border-collapse
table { border-collapse: collapse; }

The 'border-collapse' property in CSS is used to specify whether table borders should be collapsed into a single border or not. When set to 'collapse', the borders between table cells are merged into a single border, whereas when set to 'separate', each cell has its own border.

border-bottom-width
.example { border-bottom-width: 2px; border-bottom-style: solid; }

The 'border-bottom-width' CSS property sets the width of the bottom border of an element. It can be specified in various units such as pixels, em, or percentages.