Print için inline style/css tanımlamaları…
İhtiyacımız şu:
Web sayfasında bir alanın veya bölümün aldığımız çıktıda görünmesini istemiyoruz. Bu alan veya bölüm sadece webten bakarken görünsün.
Bunu yapabilmek için style dosyamızı include ederken media türünü print olarak veriyoruz. Bu şu anlama geliyor: Bu dosyada include ettiğimiz style tanımlamaları sadece ve sadece çıktı alırken uygulanacak.
-
-
-
<style type="text/css" media="print">
-
@import url( style.css );
-
</style>
-
Bu dosyamızın içinde çıktı alırken gizlemek istediğimiz alan için bir class tanımlıyoruz:
-
-
.gizle {
-
display:none;
-
}
Bu class’ı web sayfamızda çıktıda görünmesini istemediğimiz alanlara veriyoruz. Örnek olarak sayfamızın başlığını gizleyelim:
-
<h2 class="gizle">Örnek sayfa II</h2>
Böylece h2 içindeki her şey normal web sayfasında görünürken çıktıda görünmeyecek. Peki diyelim ki dışarıdan bir style dosyası include edemiyoruz ve style tanımlamalarımızı sayfa içerisinde (inline) vermek zorundayız.
Bu durumda da yöntem basit. Style tanımlamalarımızı @media print {} içine alarak yazıyoruz. Örneğimiz aşağıda…
-
-
-
<style type="text/css">
-
-
@media print {
-
.gizle {display:none;}
-
}
-
-
</style>
-
Çok aranan veya ihtiyaç duyulan bir şey olmayabilir ama bazen lazım olabiliyor işte… 
