[css-flexbox] Syntax for maximum support

Hello CSS Working Group,

I've been playing with flexbox recently now that the syntax is stable and
am just wondering if the syntax I used is proper for maximum support. I
would use a Javascript ployfill, but there isn't one for the new syntax
yet. So, in order to get maximum support, I am using the old syntax and
current syntax.

Please correct me if I am doing anything wrong. I am trying to get maximum
support in all the browser that at some point supported some version of the
flexbox module.

                /*2009 syntax*/
display:-moz-box;
display:-ms-box;
display:-webkit-box;
display:box;
-webkit-box-orient:vertical;
/*current syntax*/
display:-moz-flex;
display:-ms-flex;
display:-webkit-flex;
display:flex;
-moz-flex-direction:column;
-ms-flex-direction:column;
-webkit-flex-direction:column;
flex-direction:column;

Thanks in Advance & Best Regards,
                                         Irfan Mir.

Received on Wednesday, 27 March 2013 17:18:37 UTC