Background Size
Property CSS3 yang berfungsi mengatur ukuran baik width atau pun height background-image. jadi dengan background-size ini, kita tidak perlu lagi merubah ukuran gambar jika ingin menjadikannya sebagai background image.
Misal ada sebuah gambar berukuran 200 piksel x 200 piksel yang ingin dirubah atau di jadikan sebagai background image pada sebuah elemen yang berukuran 300 piksel x 300 piksel. biasanya yang harus kita lakukan adalah menyamakan ukuran gambar dan elemen agar background-image pada elemen memenuhi keseluruhan elemen tadi.
Dengan CSS3 background-size ini, kita tidak perlulagi merubah ukuran gambar agar sesuai dengan ukuran elemen . yang perlu kita lakukan hanya mengatur value/nilai background-size nya. uniknya nilai pada background-size bisa kita seting menggunakan %(percent), jadi gambar latar bisa menyesuaikan layar.
Berikut scripnya :
<html>
<head>
<title>contoh 1</title>
<style>
body{
width:800px;
background:#fff url('img.png') no-repeat;
background-size:200px 200px
}
</style>
</head>
<body>
</body>
</html>
Scrip di atas akan menghasilkan tampilan sebagai berikut :
Peraturan :
1. Dilarang Menggunakan Link
2. Dilarang Membuat Kata-kata Sex, porn, Dsb
3. Komentar Yang Positif.
EmoticonEmoticon