Yazdırma Stil Sayfası Oluşturucu @media yazdırma stil sayfalarını, öğeleri gizleme, metni stilendirme ve sayfa kesintilerini kontrol etme seçenekleriyle oluşturun.
Yazdırma Stil Sayfası Oluşturucu
@media yazdırma stil sayfalarını, öğeleri gizleme, metni stilendirme ve sayfa kesintilerini kontrol etme seçenekleriyle oluşturun.
Gizlenecek öğeleri seçin
Yazdırma sırasında gizlenmesi gereken öğeleri (nav, footer, sidebar, düğmeler, reklamlar) açıklıkla belirtin.
Yazdırma stillerini yapılandırın
Siyah metin, beyaz arka plan, URL görüntüsü ve sayfa kesme kontrolünü etkinleştirin.
CSS'yi kopyalayın
Projeniz için tam @media print stil sayfasını kopyalayın.
What Is Yazdırma Stil Sayfası Oluşturucu?
Yazdırma Stili Oluşturucu, web sayfalarını yazdırmaya uygun hale getirmek için optimize edilmiş @media print CSS oluşturur. Kullanıcılar web sayfalarını yazdırdığında, birçok öğe (gezinme, reklamlar, yan paneller) gereksizdir ve mürekkep ve kağıt israfına neden olur. Bu araç, gerekli olmayan öğeleri gizleyen, beyaz arka plan üzerinde okunabilir siyah metin zorlayan, isteğe bağlı olarak bağlantıların ardından URL'leri gösteren, başlıklar ve resimler etrafındaki sayfa kesintilerini kontrol eden ve içeriği tam genişliğe genişleten kapsamlı bir yazdırma stil sayfası oluşturur. Gizlenecek öğeleri (gezinme, alt bilgi, yan panel, düğmeler, reklamlar, resimler) açıp kapatabilir, metin stillerini (yazı tipi boyutu, satır yüksekliği) yapılandırabilir ve sayfa kenar boşluklarını ayarlayabilirsiniz. Oluşturulan CSS, yalnızca yazdırma sırasında uygulanmasını sağlayan @media print sorgusunu kullanır.
Why Use Yazdırma Stil Sayfası Oluşturucu?
-
Özel olmayan temel öğeleri gizlemek için açma/kapama kontrolleri
-
Okunabilirlik ve mürekkep tasarrufu için siyah metin ve beyaz arka planı zorla
-
Başlıklar, resimler ve tablolar için akıllı sayfa kesme kontrolü
-
Yazı tipi boyutu, satır yüksekliği ve sayfa kenar boşlukları yapılandırılabilir
Common Use Cases
Blog Yazıları
Blog gönderileri ve makalelerin yazdırma dostu sürümlerini oluşturun.
Belgeler
Teknik belgelerin temiz ve eksiksiz bir şekilde yazdırılmasını sağlayın.
Faturalar ve Raporlar
Fatura ve rapor sayfalarını uygun kenar boşlukları ile yazdırmaya optimize edin.
Tarifler ve Rehberler
Tarifleri ve nasıl yapılır rehberlerini kolayca yazdırılabilir hale getirin, karmaşıklıktan kaçının.
Technical Guide
@media print sorgusu, stilleri yalnızca sayfa yazdırıldığında uygular. En iyi uygulamalar arasında: gerekli olmayan öğeleri (nav, alt bilgi, reklamlar) display: none !important ile gizleme; okunabilirlik ve mürekkep verimliliği için renk: #000 ve arka plan: #fff zorlama; başlıklarda page-break-after: avoid kullanma ve içeriğiyle birlikte tutma; resimler ve tablolarda page-break-inside: avoid kullanma ve garip bölünmeleri önleme; bağlantı URL'lerini a[href]::after { content: " (" attr(href) ")"; } ile gösterme; ve sabit genişlik kısıtlamalarını kaldırarak içeriği width: 100% olarak genişletme yer alır. @page at-kuralı, sayfa kenar boşluklarını kontrol eder: @page { margin: 2cm; }. !important bildirimi, satır içi stilleri ve özgüllük sorunlarını geçersiz kılmak için kullanılır. Yazdırma stil sayfaları, tarayıcı yazdırma ön izlemesiyle test edilmelidir. Responsive siteler için, yazdırma stil sayfasının herhangi bir medya sorgusu tabanlı düzen değişikliklerini geçersiz kılmasını sağlamak önemlidir. Bölüm başlarının yeni sayfaların başında başlamasını sağlamak için page-break-before: always kullanmayı düşünün.
Tips & Best Practices
-
1Yazdırma stillerini her zaman tarayıcı Yazdırma Ön İzleme (Ctrl/Cmd + P) kullanarak test edin
-
2Yazdırma stillerinde !important kullanın ve satır içi ve özel stilleri geçersiz kılın
-
3Rahat okunabilirlik için uygun sayfa kenar boşlukları ayarlayın (1,5-2,5 cm)
-
4Mürekkep tasarrufu sağlamak adına resimleri gizleyin, aksi takdirde bunlar temel içerik olmalıdır
Related Tools
Medya Sorgu Oluşturucu
Ön tanımlı breakpoint'lerle birlikte özellik koşullarına sahip CSS medya sorgularını oluşturun.
🎨 CSS & Design
CSS Değişken Oluşturucu
Renkler, boşluklar ve tipografi için özel CSS özelliklerini (değişkenleri) oluşturun.
🎨 CSS & Design
CSS Sıfırlama Görüntüleyicisi
Popüler CSS sıfırlama ve normalize stilleri görüntüleyin ve karşılaştırın.
🎨 CSS & Design
E-posta CSS İç Dahil Edici
E-posta şablonu uyumluluğu için HTML öğelerine CSS stillerini dahileştirin.
🎨 CSS & DesignFrequently Asked Questions
Q Yazdırma stillerini nasıl test ederim?
Q Yazdırma için ayrı bir CSS dosyası kullanmalı mıyım?
Q Yazdırma stillerinde !important neden kullanılır?
Q Sayfa kesmelerini nasıl kontrol ederim?
Q Farklı sayfalar için farklı kenar boşlukları ayarlayabilir miyim?
About This Tool
Yazdırma Stil Sayfası Oluşturucu is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.