/* Blog untuk Penggemar Gratis dan Free: CSS font-size*/


Tuesday, April 7, 2009

CSS font-size

Sesuai dengan namanya, Property font-size digunakan untuk menentukan ukuran huruf tulisan halaman HTML kita. Nilai (value) yang bisa diterapkan untuk properti ini ialah:

Value (nilai) Keterangan

xx-small

x-small
small
medium
large
x-large
xx-large

Untuk menentukan ukuran yang berbeda-beda dari yang sangat kecil (xx-small) sampai yang paling besar (xx-large)

Nilai default-nya adalah medium

smaller Membuat ukuran huruf lebih kecil sedikit dari ukuran aslinya
largerMembuat ukuran huruf lebih besar sedikit dari ukuran aslinya
panjangMembuat ukuran huruf dengan besaran tertentu  lihat CSS Unit
% Menentukan ukuran huruf dengan prosentase dari ukuran aslinya

Langsung contoh aja yaa

<html>
<head>
<style type="text/css">
h1 {font-size: 100%}
p.large {font-size: large}
p {font-size: 1cm}
</style>
</head>

<body>
<h1>Header 1 dengan ukuran huruf 100%</h1>
<p class="large">Paragrap dengan ukuran huruf large</p>
<p>Paragrap dengan ukuran huruf 1cm</p>
</body>

</html>


Pada contoh kode diatas, Ukuran huruf Header 1 diset 100%, ini berarti sebesar huruf normal pada paragrap. Bedanya hanya pada ketebalannya saja.

Hasil kode diatas



Header 1 dengan ukuran huruf 100%


Paragrap dengan ukuran huruf large


Paragrap dengan
ukuran huruf 1cm



biar cepet mahir, value yang lainnya harap dicoba sendiri... XxXxXx

sorry yaa, cuman cari alasan aja...   padahal sih lagi rada males..

No comments:

Post a Comment