Kiểu trái Thuộc tính
Ví dụ
Đặt vị trí bên trái của phần tử <button>:
document.getElementById("myBtn").style.left = "100px";
Hãy tự mình thử »Sự miêu tả
Thuộc tính left đặt hoặc trả về vị trí bên trái của phần tử được định vị.
Thuộc tính này chỉ định vị trí bên trái của phần tử bao gồm phần đệm, thanh cuộn, đường viền và lề.
Mẹo: Phần tử được định vị là phần tử có thuộc tính vị trí được đặt thành: tương đối, tuyệt đối hoặc cố định.
Mẹo: Để đặt hoặc trả về đúng vị trí của phần tử được định vị, hãy sử dụng thuộc tính right .
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
left | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trả lại thuộc tính bên trái:
object .style.left
Đặt thuộc tính bên trái:
object .style.left = "auto| length | % |initial|inherit"
Giá trị tài sản
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 |
Chi tiết kỹ thuật
Giá trị mặc định: | tự động |
---|---|
Giá trị trả về: | Một Chuỗi, biểu thị vị trí bên trái của phần tử được định vị |
Phiên bản CSS | CSS2 |
Thêm ví dụ
Ví dụ
Đặt vị trí bên trái của phần tử <div>:
document.getElementById("myDIV").style.left = "100px";
Hãy tự mình thử »Ví dụ
Sử dụng giá trị âm - Đặt vị trí bên trái của phần tử <div>:
document.getElementById("myDIV").style.left = "-100px";
Hãy tự mình thử »Ví dụ
Trả về vị trí bên trái của phần tử <div>:
alert(document.getElementById("myDiv").style.left);
Hãy tự mình thử »Trang liên quan
Hướng dẫn CSS: Định vị CSS
Tham chiếu CSS: thuộc tính left