• From: Brooklyn NY
  • Registered: 2010-01-31
  • Posts: 15

Topic: Border-radius

W3C has offered some new options for borders in CSS3, of which one is border-radius. Both Mozila/Firefox and Safari 3 have implemented this function, which allows you to create round corners on box-items:

http://www.css3.info/preview/rounded-border/

bkeller's Website

  • Registered: 2010-02-11
  • Posts: 4

Re: Border-radius

Before border-radius becomes commonplace you'll need to specify mozilla & webkit specific values.
"webkit" is Safari & Chrome, and "moz" is Firefox. Other browsers will just ignore border-radius, while still honoring your border.

For example:

.foo {
  border: 1px solid #000;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  }
  • Registered: 2010-02-11
  • Posts: 4

Re: Border-radius

Speaking of borders, I totally just realized that you can set a border to be "transparent", I had no idea!

.foo {border: 1px solid transparent;}

4 Reply by pauly d

  • pauly d
  • Guest

Re: Border-radius

A-mazing! Stevenson you just helped me out big time.