Unit Pengukuran CSS


Oleh: Aguzrybudy,

Tanggal: 17 September 2019

Unit Pengukuran CSS. CSS mendukung sejumlah pengukuran termasuk satuan absolut seperti inci, sentimeter, titik, dan sebagainya, serta ukuran relatif seperti persentase dan satuan em. Anda membutuhkan nilai-nilai ini sambil menentukan berbagai pengukuran dalam aturan Gaya Anda mis. border = "1px solid red".

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

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

Sampai disini dulu tutorial dari kita, semoga tutorial ini bermanfaat bagi anda dan jika bermanfaat jangan lupa di share, atas segala kekuranganya mohon dimaafkan, jika ada yang ingin ditanyakan silahkan tinggalkan komentar.

Tags

Share Article