Unit CSS
CSS memiliki beberapa unit yang berbeda digunakan untuk mewakili panjang.
Beberapa properti diatur panjang lebar CSS, margin, padding, font-size, border-width, dan sebagainya.
Panjang dan unit digital seperti 10px, 2em, dan sebagainya.
tidak dapat memiliki ruang antara angka dan unit. Jika panjang adalah 0, unit dapat dihilangkan.
Untuk beberapa properti CSS, panjang bisa negatif.
Ada dua jenis unit panjang: relatif dan absolut.
Dukungan Browser
Tabel berikut menunjukkan versi browser minimum yang mendukung satuan panjang.
Satuan panjang | |||||
---|---|---|---|---|---|
em, ex,%, px, cm, mm, di, pt, pc | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
ch | 27,0 | 9.0 | 1.0 | 7.0 | 20.0 |
rem | 4.0 | 9.0 | 3.6 | 4.1 | 11.6 |
vh, vw | 20.0 | 9.0 | 19.0 | 6.0 | 20.0 |
Vmin | 20.0 | 9.0 * | 19.0 | 6.0 | 20.0 |
vmax | 26,0 | Tidak mendukung | 19.0 | Tidak mendukung | 20.0 |
Catatan: Internet Explorer 9 dengan non-standar nama vm dukungan Vmin.
panjang relatif
unit panjang relatif menentukan panjang relatif panjang milik orang lain. Tergantung pada perangkat panjang relatif lebih cocok.
satuan | deskripsi | contoh online |
---|---|---|
em | Hal ini dijelaskan sehubungan dengan penerapan ukuran font dari elemen saat ini, hal ini juga relatif unit panjang. Biasanya ukuran font default browser 16px, maka 2em == 32px; | mencoba |
ex | gambar bahasa Inggris tergantung pada ketinggian x kecil | mencoba |
ch | Lebar angka 0 | |
rem | elemen root (html) The font-size | |
vw | lebar sudut pandang, lebar jendela, 1vw = 1% dari lebar jendela | mencoba |
vh | tinggi sudut pandang, tinggi jendela, 1vh = tinggi jendela 1% | mencoba |
Vmin | vw dan vh lebih kecil. | mencoba |
vmax | vw dan vh lebih besar. | mencoba |
% |
Tip: em remdan apa bedanya itu? Kecuali bahwa rem elemen mengatur ukuran font masih relatif ukuran, tetapi justru sebaliknya elemen root HTML. |
panjang mutlak
satuan panjang mutlak adalah nilai tetap, itu mencerminkan ukuran fisik yang nyata. unit panjang mutlak sangat tergantung pada media output, tidak tergantung pada lingkungan (monitor, resolusi, sistem operasi, dll).
satuan | deskripsi | contoh online |
---|---|---|
cm | cm | mencoba |
mm | milimeter | mencoba |
di | Inch (1in = kali 96px = 2.54cm) | mencoba |
px * | Pixel (1px = 1/96 dari 1in) | mencoba |
pt | titik, sekitar 1/72 inci; (1pt = 1 / 72in) | mencoba |
pc | pica, sekitar 6pt, 1/6 Yingcun; (1pc = 12 pt) | mencoba |
Mungkin pixel dianggap menjadi yang terbaik "perangkat piksel" dan panjang pixel ini dan Anda melihat teks pada piksel layar tidak relevan. px sebenarnya ukuran unit sudut.