Ada dua jenis panjang/tinggi yang dapat digunakan dalam CSS absolut dan relatif. Berikut akan dijelaskan dua jenis ukuran ini.
- Absolut
Ukuran-ukuran yang termasuk dalam jenis absolute adalah
a. in : inchi
b. cm : centimeter
c. mm : milimeter
d. pt : point, 1 point =1/72 inchi
e. pc: pica, 1 pica = 12 point
Ukuran dengan jenis absolut akan mempunyai tampilan yang berbeda-beda di berbagai monitor komputer tetapi mempunyai keseragaman saat pencetakan. Ukuran jenis absolut ini cocok untuk kepentingan pencetakan. - Relatif
Ukuran-ukuran yang termasuk dalam jenis relatif adalah
a. em : panjang diukur dengan relevansi huruf terdekat
b. ex : diukur dengan relevansi huruf x
c. px : pixel, relatif terhadap peralatan untuk tampilan seperti monitor.
Ukuran-ukuran yang relatif mudah pengendaliannya adalah pixel sehingga pixel banyak dipakai dalam tampilan website.
Kita biasanya membuat website untuk kepentingan dilihat pada layar monitor. Untuk kepentingan ini kita cukup membuat website dengan semua ukuran menggunakan pixel.
Tetapi kita juga dapat merancang website yang mempunyai tampilan yang konsisten dan juga pencetakan yang konsisten. Solusi untuk tampilan dan pencetakan yang konsisten adalah membuat dua buah file CSS yang berbeda kemudian dimasukkan ke dalam dokumen dan masing-masing CSS diberikan informasi untuk media mana CSS tersebut dipakai.
Berikut contohnya:
<link rel=”stylesheet” href=”cetak.css” type=”text/css” media=”print”/>
<link rel=”stylesheet” href=”tampil.css” type=”text/css” media=”screen”/>
Auto
Untuk ukuran auto memiliki karakter yang berbeda antara tag <table> dan tag <div> .
Untuk <table>, auto akan menggunakan tempat sesuai content/isi yang diberikan.
Untuk <div>, auto akan menggunakan seluruh tempat yang disediakan.
Kunjungi www.proweb.co.id untuk menambah wawasan anda.