@page El estilo de Css no funciona para Mozilla Firefox

Question

Mi requisito es proporcionar margen de 10 cm a toda la página al imprimir.

Estoy imprimiendo usando window.print(). Mi página web aumentará dinámicamente (por lo que no se puede determinar el número de páginas). Para todas las páginas necesito proporcionar un margen de 10 cm.

que utilizan CSS Media="Print", dentro de la cual he definido el estilo:

@page 
    { 
    Margin-top :10cm; 
    } 

Esto está trabajando en todos los navegadores Mozilla Firefox, excepto . Busqué soluciones y todos los blogs dicen que Mozilla no admitirá @page, pero No Solution. ¿Alguien me puede ayudar en esto? Por favor, hágamelo saber es Posible para implementar en Mozilla

Answer 1

Lo siento, sé que su pregunta es bastante antigua, pero apareció en una consulta de Google que tuve para el mismo problema.

De acuerdo con este enlace (https://developer.mozilla.org/en-US/docs/Web/CSS/@page) se apoya en Firefox desde 19,0, que fue después de su mensaje, simplemente para la corrección ...

Answer 2

intenta utilizar @document con moz prefijo como @-moz-document para Firefox

La regla -moz-documento @ es un Gecko-específica en regla eso restringe las reglas de estilo contenidas en él en base a la URL del documento. Está diseñado principalmente para hojas de estilo de usuario. Una regla de documento @ -moz puede especificar una o más funciones coincidentes. Si alguna de las funciones se aplica a una URL, la regla tendrá efecto en esa URL.

Ejemplo:

@-moz-document url(http://www.w3.org/), 
      url-prefix(http://www.w3.org/Style/), 
      domain(mozilla.org), 
      regexp("https:.*") 
{ 
    /* CSS rules here apply to: 
    + The page "http://www.w3.org/". 
    + Any page whose URL begins with "http://www.w3.org/Style/" 
    + Any page whose URL's host is "mozilla.org" or ends with ".mozilla.org" 
    + Any page whose URL starts with "https:" */ 

    /* make the above-mentioned pages really ugly */ 

    @media print{ 
     body { margin-top :10cm; } 
    }  
} 

Disponible Función:

• url(), que coincide con una URL exacta
• url-prefix(), que coincide si el La URL del documento comienza con el valor provisto
• domain(), que concuerda si el documento URL está en el dominio provisto (o un subdominio del mismo)
• regexp(), que coincide si el documento URL se corresponde con la expresión regular proporcionada. La expresión debe coincidir con la URL completa.