Clever Geek Handbook

Is there any WORKING CSS method for printing page counts?

I'm looking for any solution to print page counting with CSS, but every "solution" I find doesn't work in any browser, nor in valid solutions, but only in tips.

Aparently,

@page {
    @bottom-left {
        content: "blablabla"
    }
}

This is a valid CSS3 rule, but does not work in any browser.

Can anyone help me?

This example DOES NOT WORK:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test example</title>
    <style>
        @page {
            @bottom-left {
                counter-increment: page;
                content: counter(page);
            }
        }
    </style>
</head>
<body>
    <div id="content">
         <!-- LONG CONTENT HERE -->
    </div>
</body>
</html>
+3


source to share


1 answer


@page { @bottom {} }

IMPOSSIBLE CSS3.

You have for you :



@bottom-right-corner
@bottom-right
@bottom-center
@bottom-left
@bottom-left-corner
+1


source






More articles:


All Articles