The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS need only lower radius? Reply To: need only lower radius?


Like border-width, you can target the different corners, like so:

border-radius: 0 0 10px 10px;

where the corners are as so:

border-radius: [top-left] [top-right] [bottom-left] [bottom-right];

You can still use the width/height units like you want, like:

border-radius: 0 0 10px 10px / 0 0 30px 30px

Shown here

Lea Verou had a interesting presentation on border–radius that you might want to check out.