属性 CSS left

Definisi dan penggunaan

Sifat left menentukan sisi kiri batasan luar margin elemen yang ditempatkan. Sifat ini menentukan jarak antara batasan luar margin elemen yang ditempatkan dengan batasan kiri blok yang disertai.

Komen:Jika nilai sifat 'position' adalah 'static', pengaturan sifat 'left' tidak akan menghasilkan apa-apa.

Penerangan

Untuk elemen statik, nilai adalah auto; untuk nilai panjang, nilai absolut yang sesuai; untuk nilai persen, nilai yang ditentukan; lainnya adalah auto.

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

Lihat juga:

Panduan CSS:Penggunaan lokasi CSS

Panduan HTML DOM:left sifat

Contoh

Atur sisi kiri imej di tempat 100 pixel ke kanan daripada sisi kiri elemen yang memuatnya:

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

Cuba sendiri

Rumus CSS

left: auto|length|initial|inherit;

Nilai sifat

Nilai Penerangan
auto Nilai lalai. Lokasi sisi kiri dihitung melalui pereka pereka.
% Atur kedudukan kiri elemen berdasarkan persen dari elemen yang disertai. Dapat digunakan nilai negatif.
length Atur kedudukan kiri elemen menggunakan unit seperti px, cm dan sebagainya. Dapat digunakan nilai negatif.
inherit Ditetapkan supaya nilai left dari elemen berasal dari elemen induk.

Butir teknologi

Nilai lalai: auto
Inheritsi: tidak
Versi: CSS2
Rumus JavaScript: object.style.left="100px"

Lebih banyak contoh

Mengatur sisi kiri imej menggunakan nilai tetap
Contoh ini memaparkan bagaimana untuk mengatur sisi kiri imej menggunakan nilai tetap.
Mengatur sisi kiri imej menggunakan persen
Contoh ini memaparkan bagaimana untuk mengatur sisi kiri imej menggunakan persen.

Dukungan pereka

Nombor dalam tabel menunjukkan versi pereka paling awal yang mendukung sifat ini penuh.

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