border-radius

Back to the index.

border-radius allows you to create rounded corners in CSS.

This test element uses border-radius.

The red area is a 20x20px box that shows how border-radius works: the radius starts 20px left and down from the normal corner.

Testsheet:

div.test {
	border: 1px solid black;
	padding: 10px;
	position: relative;
	border-radius: 20px;
	border-bottom-right-radius: 0;
}

The bottom right does not have a border-radius.