Skip to content

Commit

Permalink
Remove outdated warning and update link of @page
Browse files Browse the repository at this point in the history
  • Loading branch information
skyclouds2001 authored Nov 29, 2024
1 parent 6b278eb commit 3ca57b8
Showing 1 changed file with 4 additions and 6 deletions.
10 changes: 4 additions & 6 deletions files/en-us/web/css/@page/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -154,16 +154,13 @@ Where the `<page-body>` includes:

and `<pseudo-page>` represents these pseudo-classes:

- [`:blank`](https://drafts.csswg.org/css-page/#blank-pseudo)
- {{Cssxref(":blank")}}
- {{Cssxref(":first")}}
- {{Cssxref(":left")}}
- {{Cssxref(":right")}}

## Margin at-rules

> [!WARNING]
> The margin at-rules have not been implemented by any user agent (updated: August 2023).
The margin at-rules are used inside of the `@page` at-rule. They each target a different section of the document printed page, styling the area of the printed page based on the property values set in the style block:

```css
Expand Down Expand Up @@ -385,13 +382,14 @@ button.addEventListener("click", () => {
#### Result

Clicking the print button will launch a print dialog with the html sections split into individual pages.
{{ EmbedLiveSample('Using the size property to change the page orientation', '100%', 520) }}

{{EmbedLiveSample('Using the size property to change the page orientation', '100%', 520)}}

### @page pseudo-class examples

Please refer to the various [pseudo-classes](/en-US/docs/Web/CSS/Pseudo-classes) of `@page` for examples.

- [`:blank`](https://drafts.csswg.org/css-page/#blank-pseudo)
- {{Cssxref(":blank")}}
- {{Cssxref(":first")}}
- {{Cssxref(":left")}}
- {{Cssxref(":right")}}
Expand Down

0 comments on commit 3ca57b8

Please sign in to comment.