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
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.
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.
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.
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).
IE9 will support border-radius
see: http://ie.microsoft.com/testdrive/HTML5/01BorderRadius/Default.html
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With