CSS Units

Kembali ke skillance.my.id Bursa Freelance

Skillance Academy (Materi Belajar Skillance Academy) Masuk Akun

HTML CSS JavaScript PHP & MySQL SQL jQuery Python Java C++ Vue Flutter UI/UX ROADMAP KIT PROYEK KEMITRAAN KAMPUS CEK SERTIFIKAT

CSS Units

« Sebelumnya Berikutnya »

CSS memiliki beberapa satuan berbeda untuk menyatakan panjang.

Satuan Relatif Terbaik:

rem : Relatif terhadap ukuran font elemen root <html> (standar terbaik untuk font).
% : Relatif terhadap ukuran elemen induk.
vw & vh : 1vw = 1% dari lebar viewport layar; 1vh = 1% dari tinggi layar.

Contoh Layar Penuh dengan 100vh:

<!DOCTYPE html>
<html>
<head>
    <style>
        .full-screen { height: 120px; background: #0d2e5c; color: white; display: flex; align-items: center; justify-content: center; border-radius: 8px; }
    </style>
</head>
<body>
    <div class="full-screen">Satuan vh & rem sangat responsif!</div>
</body>
</html>

Coba Sendiri (Try it Yourself) »

Gunakan rem untuk ukuran tipografi dan margin agar desain tetap proporsional saat pengguna memperbesar teks browser.

Selesaikan Topik Ini

Tandai modul selesai untuk mencatat progres akun Anda.

« Sebelumnya Berikutnya »

Satuan Relatif Terbaik:

Selesaikan Topik Ini

CSS Tutorial