Print format page design on A4 sheet, In this article we’ll take a look at the CSS modules that have been created not for use in web browsers, but to deal with printed and paged media with is collaborated with design which user want. I’ll explain how the the CSS will work with layout design. I’ll finish up with a working example that you can use as a starting point for your own experiments.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>TechJunkGigs</title>
<style>
@page {
size: A4
}
</style>
</head>
<body class="A4">
<section class="sheet padding-10mm">
<a href = "http://www.techjunkgigs.com">TechJunkGigs</a>
<article><div class="container-fluid">
<div class="row">
<table>
<tr>
<td><image src = "techjunkgigs-website-tutorial.png" style="width:200px;height:200px;"/></td>
<td><image src = "techjunkgigs-website-tutorial.png" style="width:200px;height:200px;"/></td>
<td><image src = "techjunkgigs-website-tutorial.png" style="width:200px;height:200px;"/></td>
<td><image src = "techjunkgigs-website-tutorial.png" style="width:200px;height:200px;"/></td>
</tr>
<hr>
</table>
</div>
</div>
</article>
</section>
<a href = "http://www.techjunkgigs.com">TechJunkGigs</a>
</body>
</html>
Working Image
<style>
@page {
size: A4
}
</style>
This CSS help you to convert print page into any page size.
size:A4
You Can Also Check
Learn How to Become a Web Developer With PHP-Part 2-Student Records
I hope this tutorial helped you to learn Print format page design on A4 sheet. To get the latest news and updates follow us on twitter & facebook, subscribe to our YouTube channel. If you have any query then please let us know by using comment.