Other CSS border Property
There are few other shorthand property for the border Properties, which can be used as a combination of these four properties i.e., border-top-left-radius, border-top-right-radius, border-bottom-right-radius, and border-bottom-left-radius, which are described below:
- border-top-left-radius: It rounds the top left corner of the element.
- border-top-right-radius: It rounds the top right of the element.
- border-bottom-right-radius: It rounds the bottom right corner of the element.
- border-bottom-left-radius: It rounds the bottom left corner of the element.
We will understand each of them with the help of suitable examples.
CSS Rounded Corners
CSS Rounded Corner facilitates the border-radius Property to create corners round for the element. The border-radius Property in CSS is used to define the radius and make corners round from the outer border edge of a specific element. This article will cover all the related aspects of the border-radius Property & understand them with the help of suitable examples.
Table of Content
- CSS border-radius Property
- border-radius with One Value
- border-radius with Two Values
- border-radius with Three Values
- border-radius Four Values
- Other CSS border Property
- border-top-left-radius
- border-top-right-radius
- border-bottom-right-radius
- border-bottom-left- radius