left
Оновлено: 21.12.2022
left
Для позиціонованого елемента визначає відстань від лівого краю батьківського елемента, не враховуючи відступ, поле і ширину рамки, до лівого краю дочірнього елемента. Відлік координат залежить від значення властивості position. Якщо воно дорівнює absolute, у ролі батьківського елементу виступає вікно браузера і положення елемента визначається від його лівого краю (рис. 1).
У разі значення relative, left відраховується від лівого краю вихідного положення елемента (рис. 2).
Якщо для батьківського елемента задано position: relative, то абсолютне позиціонування дочірніх елементів визначає їхнє положення від лівого краю батьківського елемента.
Коротка інформація
| Значення за замовчуванням | auto |
| Успадковується | Ні |
| Застосовується | До всіх елементів |
| Анімується | Так |
Синтаксис
left: <розмір> | <відсоток> | auto
Значення
Як значення приймаються будь-які одиниці довжини, прийняті в CSS - наприклад, пікселі (px), дюйми (in), пункти (pt) тощо. Значення властивості left може бути й від'ємним, у такому разі можливе накладання різних елементів один на одного. При заданні значення у відсотках, положення елемента обчислюється залежно від ширини батьківського елемента.
| auto | Не змінює положення елемента. |
Приклад
Об'єктна модель
Об'єкт.style.left
Примітка
У браузері Internet Explorer до версії 7 для абсолютно позиціонованих елементів не можна одночасно задати властивості top, left, right, bottom.