Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

CSS - what is @page?

Tags:

css

I have this in my stylesheet:


@page 
{
    margin: 0.5in;
    padding: 1em;

    @bottom-right 
    {
        content: counter(page);
        font-family: ConfluenceInstalledFont, Helvetica, Arial, sans-serif;
        font-size: 8pt;
    }

    @bottom-left
    {
        content: "Some text";
        font-family: ConfluenceInstalledFont, Helvetica, Arial, sans-serif;
        font-size: 8pt;
    }
}

What is @page and what more can I do with it?

like image 284
anra Avatar asked Dec 14 '22 03:12

anra


1 Answers

@page sets styles for paged media. This gives the intro to what paged media is, but as far as I've ever seen it used, it's pretty much only necessary when you want to control the printing of a page.

The description from w3 for @page under CSS 3 has a little better description but naturally only applies to css3.

like image 192
cgp Avatar answered Dec 26 '22 16:12

cgp