ใช้ css กำหนด media print ให้ ไม่แสดง ปุ่มสั่งพิมพ์ print หน้าเอกสารที่ต้องการ

เขียนเมื่อ 15 ปีก่อน โดย Ninenik Narkdee
print css พิมพ์

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ print css พิมพ์

ดูแล้ว 27,164 ครั้ง


กรณีเมื่อมีปุ่มสำหรับกดสั่งพิมพ์หน้าเว็บเพจ หรือหน้ารายงาน ตัวอย่างเช่น

1
<input type="button" name="button" id="button" value="Print" onclick="print();">

เราสามารถกำหนด ไม่ให้แสดงปุ่มดังกล่าว ในหน้าที่พิมพ์ได้ โดยการใช้ attribute ชื่อ media โดยกำหนด media="print" ดังนี้

1
2
3
4
5
<style type="text/css" media="print">
input{
    display:none;
}
</style>

แล้วกำหนดการ properties ที่ชื่อ display เป็น none ให้กับ element นั้นๆ ในตัวอย่างนี้กำหนดให้ไม่แสดงแท็ก input เมื่อมีการพิมพ์



กด Like หรือ Share เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ







เนื้อหาที่เกี่ยวข้อง









URL สำหรับอ้างอิง











เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ