Info on @page size and writing-mode properties?

HTML & CSS
1

Visual Studio is identifying two errors in my css and I can’t figure out why. It concerns the properties “size” and “writing-mode” using @page import method. The errors I am getting are because Visual Studio can’t find validate the css because those properties are not a part of the spec (I am assuming?). The solution is to tell Visual Studio to treat CSS errors as warnings. But I’m posting here because I honestly can’t find very much information about either property anywhere.

As far as I can tell – for print styles only – the property “size” does exist as part of the CSS Print Spec: http://www.w3.org/TR/css-print/ (section 4, towards the bottom).

But I can’t find a “writing-mode” property anywhere except the amazingly un-helpful css3.com: http://www.css3.com/css-writing-mode/

The way that the css is being implemeneted seems correct (I didn’t write it, I’m just troubleshooting):


<style type="text/css" media="print">
@page
{
    size:landscape;
	margin: 2cm;
}
#printbutton { display : none; }
div.page	{ 
    writing-mode: tb-rl;
    height: 80%;
    margin: 10% 0%;
}
</style>

Anyone have any information on browser support, history, background info, etc? Anyone else interested in discussing obscure CSS details or just me?

2

Parts like landscape which appeared in CSS 2 http://www.w3.org/TR/1998/REC-CSS2-19980512/page.html#page-size-prop got dropped by CSS 2.1 http://www.w3.org/TR/CSS2/page.html#page-box

Still in Draft stage: http://www.w3.org/TR/css3-writing-modes/ so not likely to be supported fully.

3

Very interesting. Thanks robert, this was exactly the type of information that I was hoping to get.