Mengatur Nilai Horizontal HTML Menggunakan cssFloat Style DOM
![]() |
Properti cssFloat Style DOM |
Sintak:
- digunakan untuk mengembalikan nilai properti cssFloat: object.style.cssFloat
- digunakan untuk mengatur nilail properti cssFloat: object.style.cssFloat = "left|right|none|initial|inherit"
Return Values: berfungsi untuk mengembalikan sebuah nilai string yang merepresentasikan rataan horizontal dari suatu elemen.
- none: merupakan nilai default dari properti cssFloat, dimana value ini tidak akan menciptakan float apapun pada elemen.
- left: float elemen bagian sisi kiri dari parent body atau container.
- right: float elemen bagian sisi kanan dari parent body atau container.
- initial: digunakan untuk mengatur elemen ke posisi initial.
- inherit: digunakan untuk menerima nilai turunan properti float dari elemen parent.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style cssFloat DOM
HTML
</title>
</head>
<body>
<h1 id="MM1">
Blog Elfan
</h1>
<h2>
Properti cssFloat DOM HTML
</h2>
<button
onclick="RightFloat()">
Float right
</button>
<!-- script untuk mengatur
float dari elemen -->
<script>
function RightFloat()
{
document.getElementById("MM1").style.cssFloat
= "right";
}
</script>
</body>
</html>
Blog Elfan
Properti cssFloat DOM HTML
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style cssFloat DOM
HTML
</title>
</head>
<body>
<h1 id="FF2">
Blog Elfan
</h1>
<h2>
Properti cssFloat DOM HTML
</h2>
<button
onclick="RightFloat()">
Float Right
</button>
<button
onclick="LeftFloat()">
Float Left
</button>
<!-- script untuk mengatur
float dari suatu elemen -->
<script>
function RightFloat()
{
document.getElementById("FF2").style.cssFloat
= "right";
}
function LeftFloat()
{
document.getElementById("FF2").style.cssFloat
= "left";
}
</script>
</body>
</html>
Output:Blog Elfan
Properti cssFloat DOM HTML
- 4 Value Properti fontVariant Style DOM pada HTML [klik]
- 7 Value Properti fontWeight Style DOM pada HTML [klik]
- 4 Value Properti fontSizeAdjust Style DOM pada HTML [klik]
- 5 Value Properti Height Style DOM pada HTML [klik]
- 4 Value Properti Isolation Style DOM pada HTML [klik]
- 8 Value Properti justifyContent Style DOM pada HTML [klik]
- 5 Value Properti Left Style DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti cssFloat Style DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti cssFloat Style DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Mozilla Firefox
4. Safari
Apa yang dimaksud dengan properti cssFloat Style DOM pada HTML?
BalasHapusProperti "float" CSS disebut sebagai properti "cssFloat" dalam JavaScript, karena "float" adalah kata yang dicadangkan dalam JavaScript.
HapusProperti cssFloat merupakan properti yang digunakan untuk menetapkan atau mengembalikan perataan horizontal dari suatu elemen.
HapusJika terdapat sedikit ruang pada baris untuk elemen float, maka ruang tersebut akan melompat ke baris berikutnya yang memiliki cukup ruang.
Hapus