This page was translated from English by the community.Learn more and join the MDN Web Docs community.
: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.
CSSпсевдокласс:first используется с @-правилом@page, представляя первую страницу документа при печати.
/* Выбирает первую страницу при печати */@page :first { margin-left: 50%; margin-top: 50%;}Примечание:Вы можете изменять не все CSS-свойства в этом псевдоклассе. Вы можете изменять только внешние отступы,orphans,widows, и разбитие документа на страницы. Более того, вы можете использовать толькоабсолютные единицы измерения, определяя внешние отступы. Все остальные правила будут проигнорированы.
Синтаксис
Error: could not find syntax for this itemПримеры
HTML
<p>Первая страница.</p><p>Вторая страница.</p><button>Напечатать</button>CSS
@page :first { margin-left: 50%; margin-top: 50%;}p { page-break-after: always;}JavaScript
document.querySelector("button").onclick = function () { window.print();};Результат
Нажмите кнопку "Напечатать", чтобы напечатать пример. Слова на первой странице должны быть примерно в центре, тогда как на остальных страницах надписи будут на своих обычных местах.
Спецификации
| Specification |
|---|
| CSS Paged Media Module Level 3 # first-pseudo |