Thuộc tính left trong CSS
Thuộc tính left trong CSS cho phép bạn xác định một Offset cho cạnh trái của phần tử (giả sử mình gọi là phần tử LEFT), dựa vào cạnh trái của một phần tử khác (giả sử đó là phần tử WINDOW) đã được xác định vị trí tuyệt đối.
Thuộc tính left có thể nhận giá trị:
length: một đơn vị đo độ dài bất kỳ. Khi bạn xác định giá trị này, thì đó là khoảng cách cố định giữa cạnh trái phần tử LEFT so với cạnh trái của phần tử WINDOW.
percent: đơn vị tương đối, tức là khoảng cách giữa cạnh trái của LEFT và cạnh trái của WINDOW sẽ được xác định tùy vào độ rộng đã xác định trước đó cho WINDOW.
auto: giá trị mặc định. Trình duyệt sẽ tự tính toán khoảng cách này.
Thuộc tính left có thể áp dụng cho:
Tất cả phần tử HTML mà đã được xác định vị trí.
Cú pháp thuộc tính left trong DOM
object.style.left = "2px";
Ví dụ thuộc tính left trong CSS
Bạn theo dõi ví dụ sau để thấy cách sử dụng của thuộc tính left trong CSS:
Trong ví dụ này, việc xác định khoảng cách của phần tử p dựa vào context là cửa sổ window dưới đây.
<html>
<head>
</head>
<body>
<p style="position:absolute; left:100px;">
Dong text se duoc dat tai vi tri cach canh trai cua cua so Window mot khoang cach 100 px.
</p>
</body>
</html>
Kết quả là:
Công cụ giáo viên (2048.VN)
Tạo- trộn đề thi miễn phí từ file PDF, Word, Giao bài nhanh chóng, Hoàn toàn Free
Bài học CSS phổ biến khác tại vietjack.com:
Dành cho bạn
Công cụ giáo viên
- Tạo đề online từ PDF / Word
- Trộn nhiều mã đề, in Offline
- Giao bài online, Quản lí lớp học
