Forums
View unanswered posts | View active topics It is currently Sat Sep 20, 2014 12:00 pm



Reply to topic  [ 4 posts ] 
 Specific corners aren't round 
Author Message

Joined: Fri Mar 07, 2014 7:17 am
Posts: 2
Post Specific corners aren't round
Tries searching forum for this, but all of my search terms were too common.

Here's my code:

Code:
.rounded {
   border-radius: 12px;
   behavior: url(PIE.htc);
   position: relative;
   overflow: hidden;
}
.roundbottom {
   border-bottom-right-radius: 12px;
   border-bottom-left-radius: 12px;
   behavior: url(PIE.htc);
   position: relative;
   overflow: hidden;
}

<div class="rounded">
This div should have all rounded corners and does.
</div>

<div class="roundbottom">
This div should have rounded corners on the bottom, but all four corners are squared.
</div>


Can anyone tell me why the second div doesn't have rounded bottom corners?

Thanks for any help.


Fri Mar 07, 2014 7:30 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1441
Post Re: Specific corners aren't round
http://css3pie.com/documentation/known- ... #shorthand


Fri Mar 07, 2014 9:45 am
Profile

Joined: Fri Mar 07, 2014 7:17 am
Posts: 2
Post Re: Specific corners aren't round
Not great news, but at least now I know. Thanks.


Fri Mar 07, 2014 1:00 pm
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1441
Post Re: Specific corners aren't round
To be clear, you can still make the individual corners rounded separately, you just have to use the shorthand to do it.

border-radius: 0 12px 12px 0;


Fri Mar 07, 2014 5:19 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 4 posts ] 

Who is online

Users browsing this forum: Bing [Bot] and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.