CSS mendukung beberapa unit panjang. Mereka dapat dibagi menjadi dua kategori utama: satuan panjang absolut (menentukan panjang dalam dimensi absolut yang tidak bergantung pada perangkat tampilan);
Pengukuran panjang absolut dapat diukur dalam lima satuan: inci (dalam), sentimeter (cm), milimeter (mm), titik (titik, ditulis pt), dan tinggi karakter (pica, ditulis pc). Ketinggian titik dan tipe biasanya digunakan sebagai satuan tipografi, dimana 1pica=12pt. CSS mendefinisikan 1pica sebagai 1/72 inci, yaitu 72pica=1 inci. Ini juga merupakan definisi yang digunakan oleh bahasa postscript Adobe, yang biasanya digunakan oleh printer berkualitas tinggi.
CSS juga mendukung panjang "mutlak" dalam piksel—piksel adalah sebuah titik pada tampilan komputer. Namun, karena perbedaan kepadatan piksel dan pilihan resolusi tampilan pengguna (layar tampilan yang sama dapat mendukung resolusi 640*480 atau resolusi 1024*768), ukuran absolut piksel akan bervariasi pada tampilan yang berbeda . Jadi, panjang dalam piksel sebenarnya bergantung pada tampilan. Keuntungan menggunakan piksel sebagai unit tampilan komputer adalah piksel merupakan unit yang didefinisikan secara ketat. Namun, satuan piksel dapat menyebabkan masalah saat mencetak dokumen web.
Satuan panjang absolut seperti inci dan sentimeter sangat berguna dalam tata letak cetak karena memberikan posisi absolut yang diperlukan untuk meletakkan dokumen pada kertas berukuran tetap. Karena alasan inilah panjang absolut tidak boleh digunakan dalam dokumen tampilan elektronik. Hal ini karena tampilan akan berbeda antara tampilan diagonal 6 inci*4 inci dan 21 inci, dan tidak ada jaminan bahwa browser akan menampilkan panjang yang sama pada ukuran tertentu. tampilan. Dokumen dapat ditampilkan menggunakan area jendela tetap (ukuran jendela dapat dipilih oleh pengguna). Dengan mempertimbangkan perbedaan tersebut, sebaiknya gunakan satuan yang secara otomatis menyesuaikan dengan ukuran area tampilan atau ukuran font teks. Untungnya, ada tiga unit panjang CSS yang memungkinkan perilaku ini.
Pengukuran panjang relatif dapat dilakukan dalam tiga bentuk: satuan em, satuan ex, dan persentase. Unit em dan ex menentukan panjang relatif terhadap ukuran font. Unit em mendefinisikan panjang relatif terhadap ukuran titik sebenarnya dari font: jadi, jika ukuran font saat ini adalah 12pt, maka 1,5em = 18pt. Sebaliknya, unit ex menentukan panjang relatif terhadap tinggi x font: yaitu, relatif terhadap tinggi huruf "x" pada font saat ini. Dengan cara ini, ukuran ex suatu unit bergantung pada ukuran font dan tipe keluarga font, karena tinggi x sebenarnya pada ukuran titik tertentu akan bervariasi dari keluarga font ke keluarga font.
Saat ini, unit em lebih dapat diandalkan daripada unit ex: untuk kompatibilitas terbaik antara browser yang berbeda, yang terbaik adalah menggunakan unit em. Namun perlu diketahui bahwa unit em dan ex dapat menyebabkan masalah pencetakan.
Satuan persentase adalah satuan relatif ketiga. Satuan ini mendefinisikan panjang sebagai persentase dari panjang relatif. Menurut spesifikasi CSS, panjang yang relevan adalah ukuran font unit induk atau lebar unit format induk - setiap kasus akan bervariasi bergantung pada karakteristik pertanyaan. Ada peringatan yang sangat penting: browser yang ada tidak menghitung nilai persentase relatif terhadap lebar sel, sehingga tidak menerapkan panjang persentase dengan benar. Sebaliknya, semua browser menghitung persentase panjang font-independen sebagai persentase dari keseluruhan lebar jendela browser.
Format nilai panjang terdiri dari tanda ('+' atau '-', defaultnya adalah '+') diikuti dengan angka dan kemudian pengenal satuan (singkatan dua karakter). Ada dua bentuk satuan panjang: satuan relatif dan satuan absolut. Style sheet menggunakan satuan relatif untuk memudahkan mengontrol penskalaan dari satu media ke media lainnya (misalnya dari komputer ke printer laser). Satuan persentase dan nilai kunci (seperti 'x-besar') memiliki keunggulan yang sama. sebagai berikut:
Tinggi font elemen H1 { margin: 0,5em }
H1 { margin: 1ex } Tinggi huruf 'x'
dalam satuan piksel relatif terhadap resolusi grafis layar. Jika kerapatan piksel perangkat keluaran berbeda secara signifikan dari layar komputer standar, pengguna akan mengubah skala nilai piksel. Nilai piksel yang disarankan adalah 90dpi pada jarak dekat dari pembaca. Elemen turunan mewarisi nilai hasil terhitung dan bukan nilai relatif, misalnya:
BODY {
ukuran font: 12pt;
indentasi teks: 3em;
}
H1 { font-size: 15pt }
Pada contoh di atas, nilai 'text-indent' dari 'H1' adalah 36pt, bukan 45pt.
===================
tag em--tag penekanan
* tag em muncul berpasangan, dengan <em >Mulai dengan</em>
* Properti:
* Umum -- sifat umum
*em adalah singkatan dari penekanan