Esta página ha sido traducida del inglés por la comunidad.Aprende más y únete a la comunidad de MDN Web Docs.
:first
Baseline 2023Newly available
Since August 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Lapseudo-clase:first deCSS, utilizada con laregla-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 delongitud absoluta al definir los márgenes. Todas las otras propiedades serán ignoradas.
Sintaxis
Error: could not find syntax for this itemEjemplo
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
| Specification |
|---|
| CSS Paged Media Module Level 3 # first-pseudo |