Text and Images from Slide
Border Radius
Copyright Karen McCall, Karlen Communications
30
- Gives the curved edge effect to borders.
- Can be used with tables.
- For many CS3 implementations you will need to add two lines of text to the CSS:
- -webkit-border-radius:13px;
- -moz-border-radius:13px;border-radius:13px;
- The "webkit" reference determines the rendering or way the CSS will look in many browsers includeing Dafari and Chrome.
- The "moz " refers to how Mozilla Firefox will render the CSS.
- We saw this type of browser difference when we looked at the <hr> or horizontal rule Tag which is rendered in IE but few other browsers…or was.
- We now have simple ways of including multiple browser support for CSS3 attributes.