Fungsi Css Float
Dalam script css banyak sekali propertis di dalamnya, seperi backgroud, color, dll, tapi sekarang kita akan membahas tentang propertis css Float, Float dalam bahasa Indonesia artinya adalah mengapung jadi Fungsi Float dalam css sebagai penentu bagaimana sebuah element mengapung dengan element berikutnya dengan posisi di sebelah kanan atau kiri element utama.
Biasanya penggunaan properti Float di gunakan untuk memposisikan gambar dan text atau div dan div lainya sehingga bisa berdampingan atau bersebelahan, tidak hanya gambar dan div Float juga bisa digunakan untuk tag html lainya.
Value Float
Float : Left
Value ini akan membuat Element mengapung di sebelah kiri halaman atau Tag HTML
Contoh :
Sebelum menggunakan Css Float :
<!DOCTYPE html>
<html>
<head>
<title>Fungsi Css Float</title>
</head>
<body>
<img src="logo.jpg" width="100px">
<p>Belajar Fungsi Css Float</p>
</body>
</html>
Hasil :
Jika tidak menggunakan Css Float maka element akan poisisi atas dan bawah tertapi jika menggunakan Float maka,
Menggunakan Propertis Css Float
<!DOCTYPE html>
<html>
<head>
<title>Fungsi Css Float</title>
</head>
<body>
<img src="logo.jpg" width="100px" style="float:left">
<p>Belajar Fungsi Css Float</p>
</body>
</html>
Hasil :
Jika menggunakan propertis Css Float maka gambar dan text akan berdampingan.
Float : Right
Value ini akan membuat Element mengapung di sebelah Kanan halaman atau Tag HTML
Gambar diatas element gambar mengapung di sebelah kanan Tag HTML Body, agar tidak terlalu kekanan anda bisa menambah Buka Tutup tag div.
Contoh :
<!DOCTYPE html>
<html>
<head>
<title>Fungsi Css Float</title>
</head>
<body>
<div style="width:30%">
<img src="logo.jpg" width="100px" style="float:right">
<p>Belajar Fungsi Css Float</p>
</div>
</body>
</html>
Float : None
Value ini adalah default dari Float, Element tidak akan mengapung atau tidak boleh mengapung.
Hasil :
Float : Inherit
Value ini akan membuat element mengikuti value element sebelumya.
Selamat Mencoba
Keyword:
- fungsi css float
- css float
- float css
- value float css
- propertis css float
Artikel Lain
Create Inner Join Query In Mysql Database
In MySQL, you can use the INNER JOIN clause to combine data from two or more tables based on a common column. Here's the basic syntax: SELECT column_name(s)FROM table1INNER JOIN table2 .....
Cara Backup Database Dan Schema Postgres Di Server Linux Centos
Selamat datang di website gudangilmuaplikasi.com, kali in kami akan membahas tentang Cara Backup Database dan Schema Postgres Di server Linux Centos, sebelum pembahasan silahkan anda login ke server menggunakan putty atau .....
Cara Agar Tanda Petik Bisa Tersimpan Di Database
Selamat datang di gudang ilmu aplikasi, kali ini kami akan membahas cara agar tanda petik bisa tersimpan di database, pasti bagi anda yang pernah membuat aplikasi pernah mengalami error ketika .....