JavaScript Print Webpage and Using CSS ตัวอย่างนี้จะเป็นการใช้ CSS เข้ามาจัดการในหน้า Webpage โดยในตัวอย่างนี้สามารถกำหนด Print ได้เฉพาะส่วนของหน้าเว็บ
css_print.html
<html>
<head>
<title>ThaiCreate.Com Tutorial</title>
<style type="text/css">
@media print
{
#non-printable { display: none; }
#printable { display: block; }
}
</style>
</head>
<body>
<form name="frmMain" action="" method="post">
<div id="non-printable">
<font color="red">
This text no print. This text no print. This text no print. This text no print. <br>
This text no print. This text no print. This text no print. This text no print. <br>
This text no print. This text no print. This text no print. This text no print. <br>
This text no print. This text no print. This text no print. This text no print. <br>
</font>
</div>
<hr>
<div id="printable">
<font color="green">
This text print. This text print. This text print. This text print. <br>
This text print. This text print. This text print. This text print. <br>
This text print. This text print. This text print. This text print. <br>
This text print. This text print. This text print. This text print. <br>
<font>
</div>
</form>
</body>
</html>