La pseudo-clase :first de CSS, utilizada con la regla-at @page, representa la primera página de un documento impreso.
 
/* Selecciona la primera página al imprimir */
@page :first {
  margin-left: 50%;
  margin-top: 50%;
}
Nota: No puede cambiar todas las propiedades de CSS con esta pseudoclase. Solo puede cambiar los márgenes, orphans, widows y saltos de página del documento. Además, solo puede usar unidades de longitud absoluta al definir los márgenes. Todas las otras propiedades serán ignoradas.

Sintaxis

:first

Ejemplo

HTML

<p>Primera página.</p>
<p>Segunda página.</p>
<button>Imprimir!</button>

CSS

@page :first {
  margin-left: 50%;
  margin-top: 50%;
}

p {
  page-break-after: always;
}

JavaScript

document.querySelector("button").onclick = function () {
  window.print();
}

Resultado

Presione el botón "Imprimir!" para imprimir el ejemplo. Las palabras en la primera página deben estar en algún lugar del centro, mientras que otras páginas tendrán sus contenidos en la posición predeterminada.

Especificaciones

Especificación Estado Comentario
CSS Paged Media Module Level 3
La definición de ':first' en esta especificación.
Working Draft Ningún cambio.
CSS Level 2 (Revision 1)
La definición de ':first' en esta especificación.
Recommendation Definición Inicial.

Compatibilidad con navegadores

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidiOS SafariSamsung Internet
Soporte básicoChrome ? Edge Soporte completo SiFirefox Sin soporte NoIE Soporte completo 8Opera Soporte completo 9.2Safari ? WebView Android ? Chrome Android ? Edge Mobile Soporte completo SiFirefox Android Sin soporte NoOpera Android ? Safari iOS ? Samsung Internet Android ?

Leyenda

Soporte completo  
Soporte completo
Sin soporte  
Sin soporte
Compatibility unknown  
Compatibility unknown

 

Ver también

Etiquetas y colaboradores del documento

Colaboradores en esta página: lajaso, pekechis
Última actualización por: lajaso,