CSS

CSS ile yazıcıdan çıktı alırken nesneleri gizlemek

CSS ile yazıcıdan çıktı alırken düzgün bir görünüm için sayfadaki bazı nesnelerin gizlenmesi gerekir. Bunun için CSS’in @media  özelliği kullanılmaktadır. Bir örnek ile açıklayacak olursak;

Aşağıdaki şekilde bir HTML yapımız olsun,

<div class = "website_wrapper">
<div class = "header"></div>
<div class = "website_body">
Deneme bir içerik.
</div>
<div class  = "footer"></div>
</div>

Yukarıdaki yapıya göre yazıcıdan çıktı alma işleminde header ve footer classlarını saklayıp sadece body içerisindeki yazıyı yazdırma işleminde göstermek istiyoruz. Bunun için gerekli CSS kodumuz aşağıdaki gibidir.

@media print {
.header,.footer {display:none;}
}

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir