Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Which border radius property will work in IE9?

In IE9, which border radius property will work?

 border-radius:20px
-webkit-border-radius: 20px;
-moz-border-radius: 20px;

border-radius:20px or ms-border-radius:20px

like image 702
Jitendra Vyas Avatar asked Jul 02 '10 02:07

Jitendra Vyas


People also ask

Which property is used to set the border-radius in CSS?

border-radius: border-radius property can contain one, two, three, or four values. border-radius: 35px; It is used to set border-radius of each corners. It is the combination of four properties: border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius.

What is border-radius css3 property used for?

The border-radius CSS property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners.

How do four values work border-radius?

Note: The four values for each radius 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.

Can I use border-top-right-radius?

The border-top-right-radius property is used to round the top right corner of an element. The property takes in one or two values that define the radii of a quarter ellipse that defines the shape of the corner of the outer border edge (see the diagram below).


2 Answers

IE9 will support border-radius see: http://ie.microsoft.com/testdrive/HTML5/01BorderRadius/Default.html

like image 77
Aaron Harun Avatar answered Oct 10 '22 21:10

Aaron Harun


border-radius will work. In fact MS made a big deal about how they're the only browser that actually supports the 'standards' while all the other vendors uses specific prefixes.

/me rolls eyes.

like image 22
Mark Avatar answered Oct 10 '22 21:10

Mark