-
200810 Sep
Posted in News
This information was released today on the Working Group blog and there looks to be some major updates.
- The shorthand syntax for
border-radius
has been updated so that you can now specify different irregular curves on an element – this was a well-known abiguity that Peter pointed out in the former Working Draft. - Handy new background-position syntax for positioning offsets from corners other than the top left
- Spread values for box-shadow
- Box-shadows can now be inverted, to appear ‘inside’ an element thanks for the new
inset
keyword. - Addition to
background-color
value syntax which means fallback colours can be specified - Addition of
no-clip
value forbackground-clip
- Two additional
background-size
values (cover
andcontain
; they both scale the image whislt retaining its intrinsic aspect ratio. The difference however, is that by using thecover
keyword value, the image scalesto the largest size such that both its width and its height can completely cover the background positioning area
to. Whereasscale
scales the imageto the largest size such that both its width and its height can fit inside the background positioning area
. - New syntax for the
background
shorthand property
I’ll try and clarify some of these updates when I get some more time. All in all, some great new updates, though!
You can skip to the end and leave a response.
- The shorthand syntax for
-
Comments
-
01.
“Handy new background-position syntax for positioning offsets from corners other than the top left”
At last! Some nice updates here, very welcome ones.
-
02.
Looks like IE8 is ramping up CSS support: http://blogs.msdn.com/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx
-
03.
I’ve been waiting a long, long time for the background-position syntax as well. Sometimes bottom right just doesn’t cut it.
-
04.
Lensco.be | Blog | Fronteers 2008: what’s next for HTML, CSS and IE? says:Comment » September 14th, 2008 at 10:45 pm
[…] as fantasai promised in a comment on my previous blog post, we heard about the new level 3 draft of the backgrounds and borders module at the conference. I was very pleased to see some excellent […]
-
05.
Alex says:Comment » November 11th, 2008 at 6:09 pm
Firefox 3.1 gained support for the new border-radius syntax (All the css properties now support the spec names, irregular corners, etc.)
-
06.
seems this will make life easier for some guys
-
01.