⭐ 0
🔍
Teks Gambar PDF & Dokumen Audio Musik Elektronika Waktu Utilitas Validator Esoterik Game

Penjepit Jarak Cairan() Generator

Hitung nilai CSS penjepit() yang nyata dari ukuran min dan maks pada dua lebar area pandang, dengan kemiringan dan perpotongan ditampilkan langkah demi langkah dan pratinjau pengubahan ukuran secara langsung.

Memproses... 0%

Hasil

CSS penjepit() bekerja dengan cara yang persis sama untuk spasi seperti halnya untuk ukuran font — propertinya hanya berupa margin, padding, atau gap, bukan ukuran font. Halaman ini membuka kalkulator dengan rentang 8px hingga 32px pada area pandang 320px hingga 1280px, sebuah langkah umum untuk padding bagian atau celah kartu yang akan terasa sempit di ponsel dan lapang di desktop tanpa terlihat kueri media.

Matematika yang mendasarinya tidak peduli apa yang diwakili oleh angka-angka tersebut: rumus kemiringan dan perpotongan sumbu y yang sama yang menghasilkan ukuran pos fluida menghasilkan nilai spasi fluida, sehingga rincian di bawah ini menunjukkan dengan tepat bagaimana 8px dan 32px berubah menjadi baris penjepit() yang siap disalin untuk padding: penjepit(...).

Seret penggeser lebar area pandang untuk melihat pratinjau bagaimana jarak yang akan terasa pada lebar mana pun di antara dua titik henti sementara, sesuaikan nilai min dan maks untuk rentang yang lebih ketat atau lebih longgar, dan salin garis akhir langsung ke properti spasi mana pun yang memerlukannya.

🛡️
Dieksekusi di Browser

File dan masukan Anda tidak pernah keluar dari perangkat ini. Pemrosesan berjalan sepenuhnya offline. 100% Aman.

Format & Aturan yang Diterima

  • Matematika tipografi fluida nyata: kemiringan, koefisien vw, dan perpotongan sumbu y ditampilkan secara eksplisit, bukan hanya garis penjepit() terakhir.
  • Pratinjau langsung: seret penggeser lebar area pandang untuk melihat contoh teks diubah ukurannya persis seperti saat jendela browser sebenarnya diubah ukurannya.
  • Mode skala tipe: ukuran dasar dan rasio dari 1,125 hingga 1,5 menghasilkan enam langkah penjepit() cairan — kecil, dasar, h4, h3, h2, h1 — sebagai CSS yang siap disalin.

Manfaat Utama

✓ Garis penjepit(), nomor kemiringan dan persimpangan, serta pratinjau langsung semuanya diperbarui saat Anda mengetik — tidak ada tombol untuk ditekan.
✓ Penggeser lebar area pandang menggerakkan kotak pratinjau langsung, sehingga Anda melihat penskalaan yang tepat antara titik henti sementara minimum dan maksimum, bukan hanya rumus.
✓ Mode skala tipe terpisah mengubah satu ukuran dan rasio dasar menjadi skala judul 6 langkah yang dapat disesuaikan, siap sebagai blok properti kustom CSS.

Kasus Penggunaan

  • • Ubah ukuran font min/maks dan rentang area pandang menjadi garis penjepit() nyata — termasuk kemiringan, koefisien vw, dan persimpangan — alih-alih melihatnya dari tutorial.
  • • Seret penggeser lebar area pandang untuk melihat pratinjau perubahan ukuran judul atau isi isi persis seperti saat jendela browser sebenarnya diubah ukurannya, sebelum memasukkannya ke lembar gaya.
  • • Hasilkan skala tipe cairan 6 langkah penuh (kecil hingga h1) dari satu ukuran dan rasio dasar, disalin sebagai blok properti kustom CSS yang siap ditempel.
  • • Buatlah penjepit cair() untuk spasi (margin, padding, gap) alih-alih ukuran font — rumus kemiringan/persimpangan yang sama berlaku untuk properti CSS apa pun.