Source Code

Border Radius

  • anonymous
  • Oct 18' 13
  • CSS
  • 424
  • 60
  • United States

this is example for make radius to border in div tag :

border:2px solid;


This property is compatible with:

Internet Explorer Firefox Opera Google Chrome Safari

 The border-radius property is supported in IE9+, Firefox 4+, Chrome, Safari 5+, and Opera.


border-radius: 1-4 length|% / 1-4 length|%;

Example 1:


is equivalent to:

Example 2 :

border-radius: 2em 1em 4em / 0.5em 3em;

is equivalent to:
border-top-left-radius: 2em 0.5em;
border-top-right-radius: 1em 3em;
border-bottom-right-radius: 4em 0.5em;
border-bottom-left-radius: 1em 3em; 

Note: The four values for each radii are given in the order top-left, top-right, bottom-right, bottom-left. If bottom-left is omitted it is the same as top-right. If bottom-right is omitted it is the same as top-left. If top-right is omitted it is the same as top-left.

  • Tags :
comments powered by Disqus

Related Code

Session for Keep Values

Solve (LSN) Error 9003 When Attach the Database SQL2000

Zakat Counter

Looking for Date and Time Difference

Send Email Through Console

Program mencari kpk n buah bilangan

Membuat program bilangan n prima

Piramida angka

Error 945 SQL Server 2008

Looping Leaning Figures