Gaya meninggalkan Properti
Contoh
Atur posisi kiri elemen <button>:
document.getElementById("myBtn").style.left = "100px";
Definisi dan Penggunaan
Properti kiri menetapkan atau mengembalikan posisi kiri dari elemen yang diposisikan.
Properti ini menentukan posisi kiri elemen termasuk padding, scrollbar, border dan margin.
Tip: Elemen yang diposisikan adalah elemen dengan properti posisi disetel ke: relatif, absolut, atau tetap.
Tip: Untuk mengatur atau mengembalikan posisi yang tepat dari elemen yang diposisikan, gunakan properti yang tepat .
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
left | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Kembalikan properti kiri:
object.style.left
Setel properti kiri:
object.style.left = "auto|length|%|initial|inherit"
Nilai properti
Value | Description |
---|---|
auto | Lets the browser set the left position. This is default |
length | Defines the left position in length units. Negative values are allowed |
% | Sets the left position in % of the width of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detail Teknis
Nilai Bawaan: | mobil |
---|---|
Nilai Kembali: | Sebuah String, mewakili posisi kiri dari elemen yang diposisikan |
Versi CSS | CSS2 |
Lebih Banyak Contoh
Contoh
Atur posisi kiri elemen <div>:
document.getElementById("myDIV").style.left = "100px";
Contoh
Menggunakan nilai negatif - Atur posisi kiri elemen <div>:
document.getElementById("myDIV").style.left = "-100px";
Contoh
Kembalikan posisi kiri elemen <div>:
alert(document.getElementById("myDiv").style.left);
Halaman Terkait
Tutorial CSS: Pemosisian CSS
Referensi CSS: properti kiri
Objek Gaya