Cara Merubah Size Image Yang Di Panggil Melalui CSS

Hallo teman-teman DUMET School, pada tutorial saya kali ini saya akan mengajarkan bagaimana caranya merubah size image yang di panggil melalui CSS. Mungkin sudah banyak tutorial di luar sana yang mengajarkan bagaimana caranya merubah size image yang di panggil melalui CSS, nah di tutorial saya kali ini saya akan menuliskan kembali cara tersebut khususnya untuk teman-teman yang sedang kursus di DUMET School. Caranya sangat mudah sekali kita akan menggunakan Property CSS3 yaitu background-size. Untuk penulisan value dari property CSS3 background-image ini ada 2 value, untuk value yang pertama berfungsi mengatur lebar dari image tersebut, sedangkan untuk value yang kedua untuk mengatur tinggi dari image tersebut. Berikut adalah cara penulisan property CSS3 background-image beserta dengan valuenya.

Untuk penulisan value dari property CSS3 background-size ini jika kita tidak tahu ukuran professionalnya berapa, lebih baik kita tentukan salah satu value nya saja misalkan kita tentukan width nya saja atau height nya saja.

Berikut adalah contoh penggunaan property CSS3 background-size ini.

HTML

CSS

Result

5 April 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat