Pembuat Lembar Gaya Cetak Buat lembar gaya @media cetak dengan opsi untuk menyembunyikan elemen, mengatur gaya teks, dan mengontrol pemutusan halaman.

🎨

Pembuat Lembar Gaya Cetak

Buat lembar gaya @media cetak dengan opsi untuk menyembunyikan elemen, mengatur gaya teks, dan mengontrol pemutusan halaman.

Pilih Elemen untuk Disembunyikan

Aktifkan atau nonaktifkan elemen (nav, footer, sidebar, tombol, iklan) yang akan disembunyikan saat mencetak.

Konfigurasikan Gaya Cetak

Aktifkan teks hitam, latar belakang putih, tampilan URL, dan kontrol pemutus halaman.

Salin CSS

Salin stylesheet @media print lengkap untuk proyek Anda.

Loading tool...

What Is Pembuat Lembar Gaya Cetak?

Generator Gaya Cetak membuat @media cetak CSS yang dioptimalkan untuk membuat halaman web ramah cetak. Ketika pengguna mencetak halaman web, banyak elemen (navigasi, iklan, sidebar) tidak diperlukan dan membuang-buang tinta dan kertas. Alat ini menghasilkan gaya cetak komprehensif yang menyembunyikan elemen non-esensial, memaksakan teks hitam yang dapat dibaca pada latar belakang putih, secara opsional menampilkan URL setelah tautan, mengontrol pemutusan halaman di sekitar judul dan gambar, serta memperluas konten ke lebar penuh. Anda dapat mengaktifkan atau menonaktifkan elemen mana yang akan disembunyikan (navigasi, footer, sidebar, tombol, iklan, gambar), mengkonfigurasi gaya teks (ukuran font, tinggi baris), dan mengatur margin halaman. CSS yang dihasilkan menggunakan kueri @media cetak, memastikan bahwa hanya diterapkan saat mencetak.

Why Use Pembuat Lembar Gaya Cetak?

Kontrol toggle untuk menyembunyikan elemen non-esensial tertentu
Paksa teks hitam dan latar belakang putih untuk keterbacaan dan penghematan tinta
Kontrol pemutus halaman cerdas untuk judul, gambar, dan tabel
Ukuran font, tinggi garis, dan margin halaman yang dapat dikonfigurasi

Common Use Cases

Artikel Blog

Buat versi cetak ramah dari postingan blog dan artikel.

Dokumentasi

Pastikan dokumentasi teknis dicetak dengan bersih dan lengkap.

Faktur dan Laporan

Optimalkan halaman faktur dan laporan untuk pencetakan dengan margin yang tepat.

Resep dan Panduan

Buat resep dan panduan cara mudah dicetak tanpa kekacauan.

Technical Guide

Kueri @media cetak menerapkan gaya hanya ketika halaman sedang dicetak. Praktik terbaik termasuk: menyembunyikan elemen non-esensial (nav, footer, iklan) dengan display: none !important; memaksakan warna: #000 dan latar belakang: #fff untuk keterbacaan dan efisiensi tinta; menggunakan page-break-after: avoid pada judul untuk menjaga mereka dengan konten mereka; page-break-inside: avoid pada gambar dan tabel untuk mencegah pemisahan yang tidak nyaman; menampilkan URL tautan dengan a[href]::after { content: " (" attr(href) ")"; }; serta memperluas konten ke lebar 100% dengan menghapus konstrain lebar tetap. Aturan @page mengontrol margin halaman: @page { margin: 2cm; }. Gunakan deklarasi !important untuk menggantikan gaya inline dan masalah spesifisitas. Gaya cetak harus diuji dengan pratinjau cetak browser. Untuk situs web responsif, pastikan gaya cetak menggantikan perubahan tata letak berbasis kueri media. Pertimbangkan untuk menggunakan page-break-before: always untuk bagian yang harus dimulai pada halaman baru.

Tips & Best Practices

1
Selalu uji gaya cetak menggunakan Pratinjau Cetak browser (Ctrl/Cmd + P)
2
Gunakan !important pada gaya cetak untuk menggantikan gaya inline dan spesifik
3
Atur margin halaman yang sesuai (1,5-2,5cm) untuk membaca nyaman
4
Pertimbangkan menyembunyikan gambar untuk menghemat tinta kecuali jika mereka adalah konten penting

Related Tools

Pembuat Kueri Media

Buat kueri media CSS dengan kondisi fitur dan titik putus yang sudah ditentukan sebelumnya.

🎨 CSS & Design

Pembuat Variabel CSS

Buat properti kustom CSS (variabel) untuk warna, spasi, dan tipografi.

🎨 CSS & Design

Pembaca Reset CSS

Lihat dan bandingkan lembar gaya reset dan normalisasi CSS yang populer.

🎨 CSS & Design

Penggabung CSS Email

Gabungkan gaya CSS ke dalam elemen HTML untuk kompatibilitas templat email.

🎨 CSS & Design

Frequently Asked Questions

Q Bagaimana saya menguji gaya cetak?

Gunakan Pratinjau Cetak browser (Ctrl+P / Cmd+P) atau DevTools browser untuk meniru media cetak.

Q Apakah saya harus menggunakan file CSS terpisah untuk cetak?

Kedua pendekatan itu berhasil. Blok @media print di CSS utama Anda atau file terpisah dengan atribut media="print" pada tag link.

Q Mengapa menggunakan !important dalam gaya cetak?

Gaya cetak sering perlu menggantikan gaya inline dan pemilih spesifik untuk memastikan rendering yang tepat.

Q Bagaimana saya mengontrol pemutus halaman?

Gunakan properti page-break-before, page-break-after, dan page-break-inside pada elemen untuk mengontrol bagaimana konten diputuskan di seluruh halaman.

Q Dapatkah saya menyetel margin yang berbeda untuk halaman yang berbeda?

Gunakan @page :first untuk halaman pertama dan @page :left/@page :right untuk margin halaman bergantian.

About This Tool

Pembuat Lembar Gaya Cetak 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.