Msg#: 4349800 posted 8:56 am on Aug 10, 2011 (gmt 0)
You'll need to use the vender specific (CSS 3) properties (including -webkit) to get a cross browser effect in IE9, Chrome, Safari, Firefox and Opera. If you just want vertical text (ie. 90 deg rotation) then there is the BasicImage filter in IE6-8 that allows you to do this (I don't think you can do per degree rotation in earlier versions of IE?)
So, you need to combine all these...
/* IE6-8 Values: 0, 1, 2, 3 for 0, 90, 180 or 270 degress respectively */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -ms-transform: rotate(90deg); /* Microsoft - Internet Explorer 9 */ -moz-transform: rotate(90deg); /* Mozilla - Firefox 3.5+ */ -o-transform: rotate(90deg); /* Opera 10.5+ */ -webkit-transform: rotate(90deg); /* Chrome, Safari */ transform: rotate(90deg); /* W3C - not really reqd yet */
Your element will need to be block-level (and hasLayout for IE).
AFAIK no browser currently supports the W3C "transform" property?
Just recalling that all other downloads will be delayed until the sheet arrives. Depending on the situation, for only a few lines of code, it may be more efficient (and save hits) to just include the code rather than link out to an external style sheet.