How to print a specific area on an HTML page with all styles?

Question

css

Good afternoon. There is the following site - postroeno.bitrixstudio24.ru/price . This site has a form with id="ajax_form"

How can I implement a print button for this particular area so that all the styles of this form and its content are saved? And there should not be any extra fields and blocks.
Decision:

@media print { /* Стиль для печати */
    body{
        visibility: hidden;
    }

/* Блок который нужно отобразить */
    .box {
       visibility: visible;
     }
 }

, which I found earlier, is not suitable, as white margins appear, because visibility does not completely hide the element, not like display: none, but the problem is that if I set display: none for body and display: block for the desired block to print, that block will still not be displayed.

Answer 1

You can hide all elements via

@media print {
* {display:none}
}

Well, for the elements you need, already register display: block