I think you can try following:

1) add the style as in the example I've sent you

<style type="text/css" media="print">
div.page  {
writing-mode: tb-rl;
height: 80%;
margin: 10% 0%;
}
</style>

2) put your page content between the <div id="toprint">...</div>

3) create js function to change the style of the print div

document.getElementById('toprint').className = 'page';

Learn from the original source...
http://www.w3schools.com/css/css_mediatypes.asp

Basically, media types are just like setting up normal styles, you just
add an extra bit of code to tell the browser only to use the styles when
printing. There's nothing magical about them. You just surround the bits
of CSS that apply to the printed media with...

@media print {
 /* put print styles here */
}

For example, the following sets different styles for screen and print...

<style type="text/css">
@media screen {
 p {
   color: #00f;
 }
}
@media print {
 p {
   color: #000;
 }
}
</style>

That rather simplistic style sheet will give blue text on screen and
black text when printed.

If you want a hand-holding walk through of setting up styles for print,
the rather excellent "Eric Meyer on CSS" has a chapter devoted to the
subject. This book is well worth buying anyway, as it gives a great
introduction to CSS.

HTH