border-radius CSS Property

border-radius is a shortcut attribute that is introduced in CSS3 that allows to set the radius properties of all four sides of border within itself.

Definition Of border-radius property:

The border-radius property is a shorthand property that can set border radius for all four border sides.

What border-radius property can do?

This border-radius property is use to define the radii in terms of length values in this order top left, top right, bottom right, bottom left. Suppose if you leave the value of bottom right it will automatically assign same value as top left.

How to use CSS border-radius property?

Syntax:

1
border-radius: [length] [length]..

Example:

1
border-radius: 3px, 2px, 2px, 5px;


Related posts

Tags: , ,

No Response

Post your response

Copyright © 2010 - 2014 Handy CSS Designed By Anotix, Powered By WordPress, all right reserved.