Наші добровольці ще не переклали статтю цією мовою: Українська. Долучайтеся й допоможіть це зробити!
Ви також можете прочитати цю статтю іншою мовою: English (US).

The :first CSS pseudo-class, used with the  @page at-rule, represents the first page of a printed document.

/* Selects the first page when printing */
@page :first {
  margin-left: 50%;
  margin-top: 50%;
}

Note: You can't change all CSS properties with this pseudo-class. You can only change the margins, orphans, widows, and page breaks of the document. Furthermore, you may only use absolute-length units when defining the margins. All other properties will be ignored.

Syntax

:first

Example

HTML

<p>First Page.</p>
<p>Second Page.</p>
<button>Print!</button>

CSS

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

p {
  page-break-after: always;
}

JavaScript

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

Result

Press the "Print!" button to print the example. The words on the first page should be somewhere around the center, while other pages will have their contents at the default position.

Specifications

Specification Status Comment
CSS Paged Media Module Level 3
The definition of ':first' in that specification.
Working Draft No change.
CSS Level 2 (Revision 1)
The definition of ':first' in that specification.
Recommendation Initial definition.

Browser compatibility

 

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
First page pseudo-class (:first)Chrome ? Edge Full support YesFirefox No support NoIE Full support 8Opera Full support 9.2Safari ? WebView Android ? Chrome Android ? Edge Mobile Full support YesFirefox Android No support NoOpera Android ? Safari iOS ? Samsung Internet Android ?

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown

 

See also

Мітки документа й учасники

Зробили внесок у цю сторінку: mdnwebdocs-bot, fscholz, mfluehr, chrisdavidmills, erikadoyle, Sebastianz, fcard, kscarfone, Sheppy, teoli, brianloveswords, FredB, McGurk
Востаннє оновлена: mdnwebdocs-bot,