Learn CSS daily

border-top-right-radius
.rounded-corner { border-top-right-radius: 20px; }

The 'border-top-right-radius' property is used to define the radius of the top-right corner of an element's border. It allows you to create rounded corners on the top-right corner of an element.

border-top-left-radius
.rounded-box { border-top-left-radius: 10px; }

The 'border-top-left-radius' CSS property is used to define the rounding of the top-left corner of an element's border. It allows you to create rounded corners for the top-left corner of a box or border.

border-top-color
.border-example { border-top-color: red; border-top-width: 2px; border-top-style: solid; }

The 'border-top-color' property in CSS is used to set the color of the top border of an element. By specifying a color value, you can change the color of the top border without affecting the other borders.

border-top
.border-example { border-top: 2px dashed blue; }

The 'border-top' property in CSS is used to set the style, color, and width of the top border of an element. It allows you to create custom top borders for elements such as divs, paragraphs, or headings.

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

The 'border-style' property in CSS is used to specify the style of the border of an element. It can take values like 'solid', 'dashed', 'dotted', 'double', etc., to define different border styles.