CSS - Unit Pengukuran

Sebelum memulai latihan sebenarnya, kami ingin memberikan gambaran singkat tentang Unit Pengukuran CSS. CSS mendukung sejumlah pengukuran termasuk satuan absolut seperti inci, sentimeter, titik, dan seterusnya, serta ukuran relatif seperti persentase dan satuan em. Anda memerlukan nilai-nilai ini saat menentukan berbagai pengukuran dalam aturan Style Anda, misalnyaborder = "1px solid red".

Kami telah membuat daftar semua Unit Pengukuran CSS bersama dengan Contoh yang tepat -

Satuan	Deskripsi	Contoh
%	Mendefinisikan pengukuran sebagai persentase relatif terhadap nilai lain, biasanya elemen penutup.	p {ukuran font: 16pt; tinggi baris: 125%;}
cm	Mendefinisikan pengukuran dalam sentimeter.	div {margin bawah: 2cm;}
em	Pengukuran relatif untuk tinggi font dalam ruang em. Karena unit em setara dengan ukuran font tertentu, jika Anda menetapkan font ke 12pt, setiap unit "em" akan menjadi 12pt; dengan demikian, 2em akan menjadi 24pt.	p {spasi huruf: 7em;}
ex	Nilai ini mendefinisikan pengukuran yang relatif terhadap tinggi-x font. Tinggi x ditentukan oleh tinggi huruf kecil font x.	p {ukuran font: 24pt; tinggi baris: 3ex;}
di	Mendefinisikan pengukuran dalam inci.	p {spasi kata: .15in;}
mm	Mendefinisikan pengukuran dalam milimeter.	p {spasi kata: 15mm;}
pc	Mendefinisikan pengukuran dalam picas. Pica setara dengan 12 poin; jadi, ada 6 picas per inci.	p {font-size: 20pc;}
pt	Mendefinisikan pengukuran dalam poin. Sebuah titik didefinisikan sebagai 1/72 inci.	tubuh {font-size: 18pt;}
px	Mendefinisikan pengukuran dalam piksel layar.	p {padding: 25px;}