CSS Border Radius - How To ?

destroyer · 01-06-2014 -

When I use border-radius: 5px; it affects top, bottom, left, right corners but only want make top corners round how can I do that?

Find

Reply

marcus_avrelius · 01-06-2014 -

Try this one!

Code:

border-radius: 5px 5px 0 0;

The order of these values is clockwise - top left, top right, bottom right, bottom left.

Find

Reply

destroyer · 01-06-2014 -

Thanks Marcus for your help. So if I am correct this code will only apply radius to the bottom corners?

Code:

border-radius: 0 0 5px 5px;

Find

Reply

marcus_avrelius · 01-06-2014 -

Yes, that is correct

Find

Reply

maya · 01-07-2014 -

Try this one, it will only be applied to top left corner!

Code:

.something

 {

 border: 1px solid;

 border-top-left-radius: 5px;

 }

Find

Reply