Referensi Satuan CSS

Semua alat Gratis

Telusuri setiap satuan CSS — absolut (px, cm, pt), relatif-font (em, rem, ch), viewport (vw, dvh), container-query, grid (fr), sudut, waktu, dan resolusi — dalam referensi yang bisa dicari dan difilter per tipe, lengkap dengan deskripsi, catatan "kapan digunakan", dan token siap salin. Di browser Anda, gratis.

Setiap satuan CSS, dijelaskan. Semuanya berjalan di browser Anda dari referensi bawaan — tidak ada yang dikirim ke server.

Tidak ada satuan yang cocok dengan pencarian Anda.
Coba satuan atau kategori lain — misalnya rem, dvh, fr, atau angle.

Tentang Referensi Satuan CSS

CSS Units Reference mendokumentasikan setiap unit yang ditawarkan bahasa ini — total 45 unit — diorganisir berdasarkan jenis: unit absolut seperti px, cm dan pt; unit relatif-font seperti em, rem, ch dan lh; unit viewport dari vw dan vh hingga svh, lvh dan dvh yang lebih baru; unit container-query seperti cqw dan cqi; unit grid fr; plus angle, time, resolution dan percentage.

Setiap kartu memberi Anda lebih dari sekadar definisi: token unit dalam huruf monospace yang bisa disalin, nama lengkapnya, kategorinya, deskripsi sederhana tentang cara perhitungannya, dan catatan praktis "kapan digunakan" yang menjelaskan di mana unit itu paling cocok — dan di mana unit lain lebih baik digunakan.

Pencarian mencocokkan token, nama dan makna, sehingga rem, viewport width dan root semuanya menemukan unitnya masing-masing, dan chip tipe memfilter grid menjadi satu keluarga. Semuanya berjalan di browser Anda dari referensi bawaan, tanpa apa pun yang dikirim ke server.

Cara menggunakan Referensi Satuan CSS

  1. Cari unit berdasarkan token, nama atau makna — misalnya rem, viewport width atau angle.
  2. Gunakan chip tipe untuk memfilter grid menjadi unit absolute, font-relative, viewport, container, grid, angle, time, resolution atau percentage.
  3. Baca deskripsi setiap unit dan catatan "kapan digunakan" untuk memilih yang tepat.
  4. Klik tombol salin untuk mengambil token unit untuk stylesheet Anda.

Pertanyaan yang sering diajukan

Gunakan rem untuk ukuran font dan apa pun yang seharusnya menyesuaikan dengan preferensi ukuran teks pengguna — rem mengikuti ukuran font root, sehingga pengaturan aksesibilitas browser berfungsi. Gunakan px untuk hal yang harus tetap konstan secara optik, seperti border tipis.

em relatif terhadap ukuran font elemen itu sendiri, sehingga elemen bersarang menggandakan nilainya; rem selalu relatif terhadap elemen root, memberikan hasil yang bisa diprediksi. Itu sebabnya rem menjadi pilihan default untuk spacing dan skala tipe.

Browser seluler menampilkan dan menyembunyikan toolbar-nya, mengubah tinggi yang terlihat, sementara vh tetap terpatok pada ukuran layout yang lebih besar. Unit dinamis dvh mengikuti tinggi yang benar-benar terlihat saat toolbar bergerak, dan svh/lvh terpatok pada keadaan terkecil dan terbesar.

fr mendistribusikan ruang bebas kontainer grid berdasarkan pecahan: grid-template-columns: 2fr 1fr memberikan kolom pertama dua kali lebar sisa dari kolom kedua, setelah track tetap dan gap dikurangi. Unit ini hanya ada di dalam definisi track grid.

Unit ini mengukur elemen relatif terhadap query container terdekatnya, bukan viewport: cqw adalah 1% dari lebar kontainer, cqi adalah 1% dari ukuran inline-nya. Unit ini memungkinkan komponen menyesuaikan skalanya dengan kotak tempatnya berada, terlepas dari ukuran layar.

Ya. Semua 45 unit didokumentasikan gratis dalam halaman yang berjalan sepenuhnya di browser Anda — tanpa pendaftaran, tanpa permintaan ke server.
Bagikan ini
Alat Terkait
Kode Status HTTP Cari setiap kode status respons HTTP (1xx–5xx) dalam direktori yang bisa dicari dan difilter — lalu buka kode mana pun untuk mengetahui artinya, kapan menggunakannya, apakah bisa di-cache, dan RFC yang mendefinisikannya. Di browser Anda, gratis. Gratis
Metode HTTP Referensi yang mudah dipindai untuk setiap metode permintaan HTTP — GET, POST, PUT, PATCH, DELETE dan lainnya, plus WebDAV — yang menampilkan sekilas apakah masing-masing aman, idempoten, dan bisa di-cache, apakah menerima body, serta contoh tipikalnya. Di browser Anda, gratis. Gratis
Referensi Header HTTP Cari header permintaan dan respons HTTP yang umum dalam direktori yang bisa dicari — filter berdasarkan arah dan kategori, baca deskripsi satu baris dan contoh nyata, lalu salin nama header apa pun dengan satu klik. Di browser Anda, gratis. Gratis
Jenis Record DNS Telusuri setiap jenis record DNS yang umum — A, AAAA, CNAME, MX, TXT, NS, SOA, PTR, SRV, CAA, DNSKEY, DS, TLSA dan lainnya — dengan tujuannya, contoh zone-file yang bisa disalin, dan kategorinya. Cari dan filter seketika, di browser Anda, gratis. Gratis
Nomor Port TCP/UDP Cari port jaringan yang well-known dan umum digunakan dalam tabel yang bisa dicari — FTP, SSH, HTTP, HTTPS, MySQL, Postgres, RDP, Redis, MongoDB dan 120+ lainnya, masing-masing dengan protokol transport, layanan, deskripsi, dan kategorinya. Cari berdasarkan nomor port atau nama layanan, lalu salin nilai seketika. Di browser Anda, gratis. Gratis
Kalkulator Subnet / CIDR Hitung subnet IPv4 dari CIDR atau mask: jaringan, broadcast, rentang host, wildcard, dan lainnya. Gratis
Butuh bantuan?
Menemukan masalah dengan alat ini? Beri tahu tim kami.
Laporkan masalah

Tambahkan alat gratis ini ke situs web Anda sendiri — salin dan tempel kode di bawah ini.