Full View

Contents of Border Radius

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.