Atribut Style left
- Halaman Sebelumnya justifyContent
- Halaman Berikutnya letterSpacing
- Kembali ke Tengah Objek Style HTML DOM
Definisi dan penggunaan
left
Atribut menetapkan atau mengembalikan posisi kiri elemen yang ditempatkan.
Atribut ini menentukan posisi kiri elemen, termasuk margin dalam, scrollbar, batas dan margin luar.
Petunjuk:Elemen yang ditempatkan adalah posisi atribut diatur:relative
、absolute
atau fixed
elemen.
Petunjuk:Untuk menetapkan atau mengembalikan posisi kanan elemen yang ditempatkan, gunakan Atribut kanan。
Lihat pula:
Panduan CSS:Pemosisian CSS
Panduan CSS:Atribut kiri
Contoh
Contoh 1
Atur posisi kiri elemen <button>:
document.getElementById("myBtn").style.left = "100px";
Contoh 2
Atur posisi kiri elemen <div>:
document.getElementById("myDIV").style.left = "100px";
Contoh 3
Gunakan nilai negatif - Atur posisi kiri elemen <div>:
document.getElementById("myDIV").style.left = "-100px";
Contoh 4
Kembalikan posisi kiri elemen <div>:
alert(document.getElementById("myDiv").style.left);
Syarat
Kembalikan atribut kiri:
object.style.left
Atur atribut kiri:
object.style.left = "auto|length|%|initial|inherit"
Nilai atribut
Nilai | Deskripsi |
---|---|
auto | Biarkan perangkat lunak penjelajah menentukan posisi kiri. Standar. |
length | Definisi posisi kiri dengan satuan panjang. Mengizinkan nilai negatif. |
% | Atur posisi kiri dengan persen lebar elemen induk. |
initial | Atur atribut ini ke nilai standarnya. Lihat initial。 |
inherit | Mengambil atribut ini dari elemen induk. Lihat inherit。 |
Detil teknis
Nilai standar: | auto |
---|---|
Nilai kembalian: | String, menunjukkan posisi kiri elemen yang ditempatkan. |
Versi CSS: | CSS2 |
Perangkat lunak penjelajah mendukung
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Dukungan | Dukungan | Dukungan | Dukungan | Dukungan |
- Halaman Sebelumnya justifyContent
- Halaman Berikutnya letterSpacing
- Kembali ke Tengah Objek Style HTML DOM