¿Puede JavaScript cambiar el valor de @page CSS?

Question

El siguiente CSS afecta si una página se imprime en vertical u horizontal de forma predeterminada.

@page { 
    size: landscape; 
} 

que se dan cuenta que esto sólo funciona en un conjunto muy limitado de los navegadores, y que el usuario puede anularlo. Esta bien; Solo estoy tratando de proporcionar un buen valor predeterminado.

Esto funciona bien como un valor estático en CSS, pero me gustaría cambiar dinámicamente entre portrait & landscape en función de las opciones del usuario. ¿Es posible usar JavaScript para cambiar este valor?

Answer 1

Una forma sencilla es crear un estilo diferente para @ página y cambiarlo:

var cssPagedMedia = (function() { 
    var style = document.createElement('style'); 
    document.head.appendChild(style); 
    return function (rule) { 
     style.innerHTML = rule; 
    }; 
}()); 

cssPagedMedia.size = function (size) { 
    cssPagedMedia('@page {size: ' + size + '}'); 
}; 

cssPagedMedia.size('landscape');