Atribut left CSS

Definisi dan penggunaan

Property left menentukan margin kiri elemen. Properti ini menentukan offset batas luar margin kiri elemen yang ditempatkan dengan batas kiri blok yang memuatnya.

Komentar:Jika nilai properti 'position' adalah 'static', pengaturan property 'left' tidak akan mempengaruhi apapun.

Keterangan

Untuk elemen static, nilai adalah auto; untuk nilai panjang, nilai absolut yang sesuai; untuk nilai persentase, nilai yang ditentukan; lainnya adalah auto.

Untuk elemen yang didefinisikan relatif, nilai hitung left selalu sama dengan right.

Lihat pula:

Pelajaran CSS:Pengaturan posisi CSS

Panduan HTML DOM:Property left

Contoh

Atur margin kiri gambar di posisi 100 pixel ke kanan dari margin kiri elemen yang memuatnya:

img
  {
  position:absolute;
  left:100px;
  }

Coba sendiri

Syntax CSS

left: auto|length|initial|inherit;

Nilai properti

Nilai Deskripsi
auto Nilai default. Lokasi margin kiri dihitung melalui browser.
% Mengatur posisi kiri elemen berdasarkan persentase panjang elemen. Dapat menggunakan nilai negatif.
length Mengatur posisi kiri elemen menggunakan satuan px, cm, dll. Dapat menggunakan nilai negatif.
inherit Ditetapkan supaya nilai left dari elemen harus diwarisi dari elemen induk.

Detil teknis

Nilai default: auto
Inheritance: no
Versi: CSS2
Syntax JavaScript: object.style.left="100px"

Beberapa contoh lain

Mengatur margin kiri gambar menggunakan nilai tetap
Contoh ini menunjukkan bagaimana mengatur margin kiri gambar menggunakan nilai tetap.
Mengatur margin kiri gambar menggunakan persentase
Contoh ini menunjukkan bagaimana mengatur margin kiri gambar menggunakan persentase.

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung properti ini penuh.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 5.0