About

Tuesday, March 21, 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 


Faiz Ahmad

About Faiz Ahmad

Faiz Ahmad. Salatiga, 28 Juni 2000. Saya hanya seorang Hamba Allah yang masih banyak kekurangan, maka dari itu saya ingin menutupi kekurangan saya dengan melakukan hal yang bermanfaat kepada orang lain. Seperti filosofi tanah “Bermanfaat untuk orang sebanyak mungkin, namun dikenal oleh orang sesedikit mungkin”. Pernahkah kita mengingat jasa tanah? Sedetik saja dalam sehari? Saya rasa hanya sedikit sekali yang mengingatnya, berbeda dengan matahari yang jasanya selalu kita ingat. Padahal kita semua tentu tahu bagaimana jadinya dunia ini jika tidak ada tanah.

Subscribe to this Blog via Email :