Ahmad Faizin

"Sebarkan ilmu walau hanya satu ayat ^^"

Breaking

Tuesday 21 March 2017

Belajar CSS Part 11 Float & Clear

Belajar CSS Part 11 Float & Clear



Assalamualaikum Wr. Wb.

PENGERTIAN

Properti float digunakan untuk menentukan apakah atau tidak unsur harus mengapung. sedangkan
Properti clear digunakan untuk mengontrol perilaku elemen mengamban.

LATAR BELAKANG

Ingin belajar lebih dalam tentang properti yang berada di dalam CSS.

MAKSUD & TUJUAN 

Memudahkan kita dalam mengatur sebuah objek dan memposisikannya.


ALAT & BAHAN
  • Text Editor
  • Web Browser
  • Laptop/Pc


LANGKAH KERJA

  • Float Properti

Dalam penggunaannya sederhana, properti float dapat digunakan untuk membungkus teks di sekitar gambar.


Nb : Syntak untuk properti float diatas yaitu "float:right". Ini berfungsi untuk memposisikan gambar pada bagian kanan.



Hasilnya gambarnya berada di sebelah kanan paragraf. Untuk lebih jelasnya bisa anda coba sendiri ^^.



  • Clear Properti

Properti clear digunakan untuk mengontrol perilaku elemen mengambang.
Elemen setelah elemen mengambang akan mengalir di sekitarnya. Untuk menghindari hal ini, gunakan properti clear. Properti clear menentukan di mana sisi elemen mengambang elemen tidak diizinkan untuk mengapung. Berikut adalah contoh dari properti clear

Pada syntaks di atas saya memposisikan elemen berada di atas elemen. 




Gambar di atas merupakan hasil dari properti clear. 

Mungkin ini dulu dari saya, kurang lebihnya mohon maaf.

Wasslamualaikum Wr. Wb.

Referensi 


No comments:

Post a Comment

Adbox