From f984905b1e061f2ef8352f93a3624b92554828dd Mon Sep 17 00:00:00 2001 From: syzkii Date: Tue, 3 Oct 2023 11:54:59 +0700 Subject: [PATCH] add : Menambah kan CSS resize pada CSS --- CSS/052 CSS Resize/Readme.md | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) create mode 100644 CSS/052 CSS Resize/Readme.md diff --git a/CSS/052 CSS Resize/Readme.md b/CSS/052 CSS Resize/Readme.md new file mode 100644 index 0000000..c79434a --- /dev/null +++ b/CSS/052 CSS Resize/Readme.md @@ -0,0 +1,35 @@ +# Resize + + +Cara Mengubah Ukuran Gambar / Resize Untuk mengubah ukuran gambar, terdapat beberapa properti yang biasa digunakan yakni dengan properti width dan height supaya lebih jelas saya akan praktekan penggunaan properti tersebut kepada objek gambar. + +Silahkan kalian bisa membuat struktur HTML dan menyematkan satu gambar sebagai objek yang akan diubah ukuran nya, disarankan gambar berukuran besar ya agar kelihatan perbedaan ketikan di resize. + + +```HTML + +
+ Cara Mengubah Ukuran Gambar pada CSS +
+ +``` + +Secara default ukuran gambar awal adalah 1080x500 tentu dengan CSS bisa kita ubah ukuran menjadi lebih kecil atau sebaliknya dengan properti width dan height. Untuk mengubah ukuran nya silahkan kalian ketikan CSS berikut. + +```HTML + +``` +Dari sintak CSS diatas penggunaan width dan height bisa kita pakai untuk mengubah ukuran gambar, box dan yang lainnya. Jika sudah kalian bisa melihat perbedaan setelah gambar di resize. + + +Source : https://www.dumetschool.com/blog/cara-mengubah-ukuran-gambar-pada-css \ No newline at end of file