CSS3

Comments

• 01.
  

  Jeffrey Gilbert says:Comment » June 16th, 2010 at 4:11 pm

  
  

   why is a border required to have rounded corners on a box. this makes no sense.

  EOL

• 02.
  

  David says:Comment » June 16th, 2010 at 4:16 pm

  
  

  @Jeffrey Gilbert :

  It’s not required.

• 03.
  

  Brad (Kemper) says:Comment » June 16th, 2010 at 4:43 pm

  
  

   Jeffrey, why do you think that? Is it because of the name ‘border-radius’? It does not require a border, but it is applied to the border box (regardless of whether the border box contains a border or not), as apposed to say, the padding box or content box.

  I do think we could have avoided a lot of confusion if we had simply called it ‘corner-radius’, but it is a little late to change that now. And it does make sense to have it in the Backgrounds & Borders module, as this effect is mostly invivible without a background, border, or box-shadow.

• 04.
  

  Emil Stenström says:Comment » June 16th, 2010 at 4:44 pm

  
  

  Hi,

  You keep writing great article, but I have to ask: Why limit your RSS-feed to only the beginning of the text in the article? All other RSS feeds in my stream have switched to full feeds, why not you?

• 05.
  

  Adardesign says:Comment » June 16th, 2010 at 6:02 pm

  
  

  @Jeffrey Gilbert are you working for the IE team?

  What is your question?
  why is a border required to have rounded corners on a box. this makes no sense.
  Who said its required?

• 06.
  

  fantasai says:Comment » June 18th, 2010 at 3:04 am

  
  

  @Brad It does make me think we should reorganize the sections so that ‘border-radius’ gets its own section titled “Rounded Corners”, instead of being tucked under the Borders section.

• 07.
  

  Krzysztof Maczyński says:Comment » June 18th, 2010 at 4:55 pm

  
  

  fantasai, definitely +1

  This is probably going to be the first CSS3 Module except Selectors to become a Rec. But we’ll have to wait still for CSS 2.1 which is normatively referenced.

• 08.
  

  Brad (Kemper) says:Comment » June 18th, 2010 at 6:01 pm

  
  

   @ fantasai,

  Works for me. Or it could go in “Miscellaneous Effects”, with a note about its name, perhaps. Does it need to fall out of LC to do that though?

• 09.
  

  fantasai says:Comment » June 21st, 2010 at 3:57 am

  
  

  No, it’s just an editorial change. :)

• 10.
  

  fantasai says:Comment » June 22nd, 2010 at 2:16 am

  
  

  @Jeffrey, @Krzysztof, @Brad – Checked in, let me know if there’s anything else I should tweak: http://dev.w3.org/csswg/css3-background/#contents

• 11.
  

  Daniel Walker says:Comment » June 23rd, 2010 at 6:11 pm

  
  

   I’ve mentioned once before that I’d love the ability to have shadows with purely vertical or horizontal spread and blur. For example, to be able to give a declaration like “box-shadow: vertical 0 0 5px black;” and have matching elements cast a shadow above and below but not to the sides, or to say “box-shadow: inset horizontal 0 0 5px black;” and have matching elements receive an inner shadow on the sides but not on the top and bottom.

• 12.
  

  Chris Nager says:Comment » June 24th, 2010 at 7:08 pm

  
  

   @Daniel Walker

  I really like this idea as well, especially the horizontal-only shadow.
  It seems necessary.

• 13.
  

  Øsse says:Comment » June 24th, 2010 at 10:28 pm

  
  

   Does anyone know why a zero offset is not allowed for box shadows?

• 14.
  

  QOAL says:Comment » July 1st, 2010 at 6:15 pm

  
  

  It probably is too late to get such shadow in the spec, but I too would like to add my support for the addition of vertical/horizontal only shadows.

  Maybe not as strict as Daniel Walker proposed though.
  You could have two extra values (percentages 0-100) that control the spread bias on each axis.
  For example: box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5) 10% 100%
  Would produce a vertical shadow.

• 15.
  

  Ollie says:Comment » July 2nd, 2010 at 10:36 am

  
  

  Is there a way to just specify a shadow on 1 side of a container.. or 2 sides as oppose to a full drop “L” shaped shadow ? 

• 16.
  

  Ollie says:Comment » July 2nd, 2010 at 10:38 am

  
  

  Think thats what QOAL s saying too.

  So something like {box-shadow: 0 5px} to do just vertical sides?

• 17.
  

  Kendall Benjamin says:Comment » July 15th, 2010 at 2:48 pm

  
  

  Hey Ollie, yes you can all you have to do is…

  -moz-box-shadow: 10px 5px #999;
  -webkit-box-shadow: 10px 5px #999;

  In this example the 10px represent the right side of the container
  and the 5px represent the bottom on the container.

• 18.
  

  Sing says:Comment » July 19th, 2010 at 6:31 am

  
  

  Hi,

  Could you let me know how to do the CATEGORIES, FRIENDS and Meta baloon meun for this web pages.
  I have edited the meun coding, but it appear the blue color background at all baloon meun.
  Would you mind to tell me how to solve the problem?

• 19.
  

  Kvet says:Comment » July 21st, 2010 at 2:28 pm

  
  

   When will css3 bring us the promised gradient borders?

• 20.
  

  Toby says:Comment » August 18th, 2010 at 10:47 am

  
  

   Rounded Corners are great but what i would like to see is the ability to easily create diagonal cutoff borders.

  Something in the form of

  border-diag: Xpx Ypx #???;

  with associated -top-left, -top-right, bottom-left and -bottom-right options.

• 21.
  

  Anish nama says:Comment » October 12th, 2010 at 11:22 am

  
  

   i want to know how to create gradient color.