Может ли JavaScript изменить значение CSS @page?

Question

Следующий CSS влияет на то, будет ли страница печатать в портретном или альбомном по умолчанию.

@page { 
    size: landscape; 
} 

Я понимаю, что это работает только в очень ограниченном наборе браузеров и что пользователь может переопределить его. Это нормально; Я просто пытаюсь обеспечить хороший дефолт.

Это прекрасно работает как статическое значение в CSS, но я бы хотел динамически переключаться между пейзажем &, основанным на пользовательских вариантах. Можно ли использовать JavaScript для изменения этого значения?

Answer 1

Один простой способ создать отдельный стиль для @Page и изменить его:

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');