Print part of a web page only with CSS and JavaScript

‍🎓 NEW: Earn a professional certificate in web development from Meta Inc. (course links in card below) 👇

This tutorial show you how to partially print a web page, such a div element and all of its contents only, using CSS and JavaScript.

⚡Web development professional certificates from Meta Inc.⚡

[yacoubasawadogo]

Thank you so much 🙏. Very useful tutorial. I spent days researching how to generate a pdf. I came across tutorials for JSPDF, Html2pdf, ... all of them didn't work. But your solution is so much and power! For those who would like to add margins to pages to prevent text from sticking to the borders:
@media print {
@page {
margin-top: 10mm;
margin-bottom:10mm;
}
}

[electromusicluxho]

Uff... Men, resolviste mi dolor de cabeza en 5 minutos... jeeje... Gracias...

[FlamingoFliez]

can anyone explain me #content, #content * thing?

[porkyminch]

If you want color, add this:
-webkit-print-color-adjust: exact;

[x.prgrmmr]

now how do you remove the date and time, and your name above the printing area?

[ngetsophea]

I placed the code in a Wordpress Admin Dashboard to test printing. It returned a blank page.

[James-isrl]

thanks bro, how to print but including css settings to, as padding, color etc ?

[jonathanladeno]

i have a problem for this method, in input radio type, it thus not get if it is selected or not

[_Eyesha]

How do you print body background image ?? I need to learn it for my computer class --

[vartulo]

انا استخدم نفس الخاصية ولكن احتاج الى جعل الخصائص يتغير عندا استخدام الهاتف اتناء فتح نافدة الطباعة

[kvng_Edwin]

This worked for me not exactly but it worked

[geetikarijhwani]

not working for me

even after writing display: block code for the area to be printed, print preview is displaying blank page

[sumedhburbure]

Thanks A lot !! This video was very helpful

[abdulrehman_jiwani]

Bro the video was very informative
I didn't know the concept of print function but you clarified my concept
Thanks, Great bro 👍🏻

[RedzGringo]

how can i print the backgroundcolor too?

[yurisouzak]

omg i love u man... you're my hero!!!

[lucasminamihara]

great video, helped me a lot! thank you

[drakhellfallen]

how to remove the print button from printable

[tinfoilhat]

Cheers for this, made it seem so easy!