Lembaran Gaya Lata/Panjang dan Unit: Perbezaan antara semakan

Kandungan dihapus Kandungan ditambah
Algazel (bincang | sumb.)
Aurora (bincang | sumb.)
tipo
 
Baris 43:
|}
 
Ukuran panjang boleh ditetapkan sebagai peratusan ukuran panjang yang lain. Penggunaan peratusan boleh menjadi rumit oleh sebab panjang asas (''base length'') berlainan bagi sifat yang berlainan. Sebagai contoh, apabila peratusan digunakan dengan sifat {{CSS:property|margin}} (jidar), pengiraan dilakukan berlandaskan lebar blok yang mengandungi kandungan terserbuttersebut. Apabila peratusan digunakan dengan sifat {{CSS:property|font-size}} (saiz fon) pengiraan berlandaskan {{CSS:property|font-size}} unusrunsur induk akan tetapi dengan {{CSS:property|line-height}} (ketingginaketinggian baris) berlandaskan {{CSS:property|font-size}} unsur semasa.
 
Saiz-saiz fon pada skrin paling baik ditetapkan dengan menggunakan peratusan ataupun dalam unit <code>em</code>. (Lihat nota [[../FontsFon anddan TextTeks#UsingMengguna ems indengan Internet Explorer|Mengguna em dengan Internet Explorer]].) Ini bermakna laman akan berinteraksi dengan licin dengan keutamaan fon pengguna. Penggunaan piksel (<code>px</code>) untuk saiz fon mungkin dapat menyebabkan masalah dan harus dielak.
 
Unit-unit mutlak &ndash; <code>mm</code>, <code>cm</code>, <code>pt</code>, <code>pc</code> dan <code>in</code> &ndash; tidak bekerja dengan baik pada skrin dan menimbulkan masalah pada pelayar-pelayar lama. Unit-unit ini hanya harus digunakan bagi media cetak; namun dengan media cetak pun penggunaan unit-unit ini boleh menimbulkan masalah dengan keutamaan fon pengguna.
Baris 53:
 
=== Piksel skrin, piksel pencetak dan piksel CSS ===
Unit <code>px</code> menetapkammenetapkan ukuran panjang dalam ''piksel CSS''. Uinit piksel ini tidak sama dengan piksel skrin di mana dokumen dipaparkan mahupun titik alat pencetak yang mencetak dokumen. Satu piksel CSS mungkin dibuat sama dengan dua piksel skrin atau lima piksel cetak. Banyak pelayar web menggunakan peraturan bahawa satu piksel skrin sama dengan satu piksel CSS bagi memudahkan kerja akan tetapi anda tidak boleh menganggap ini sebagai penentuan tetap. Opera dan Internet Explorer versi 7 membenarkan pengguna untuk menukar bilangan piksel skrin bagi setiap piksel CSS. Sering kali pengguna yang terganggu penglihatan yang mengguna pelayar ini bagi memilih lima atau enam piksel skrin bagi setiap piksel CSS.
 
[http://www.w3.org/TR/CSS21/syndata.html#value-def-length Definisi formal] piksel CSS agak rumit akan tetapi idea asasnya adalah piksel CSS kelihatan sama saiznya apabila dokumen berada pada kejauhan yang membolehkan ia dibaca dengan selesa. Jadi piksel CSS sebenarnya lebih besar pada skrin monitor daripada skrin telefon bimbit oleh sebab monitor lazimnya berada lebih jauh dari mata pembaca berbanding telefon bimbit.