CSS свойство left, поддержка в браузерах, примеры использования // Вебшкола онлайн



up_violet-8528336Перейти к справке CSS

img { position:absolute; left:5px;

}

Описание и использование

Свойство CSS left действует для абсолютно позиционированных элементов и устанавливает расстояние между левой границей элемента и левой границей его родителя. В случае, если элемент не вложен в другой элемент, родителем считается body.

Для относительно позиционированных элементов, свойство left задает расстояние между левой границей элемента и положением левой границы элемента при обычном позиционировании (static).

Заметка: Если позиция элемента задана «static», свойство left не оказывает никакого эффекта.

Значение по умолчанию авто
Наследование нет
Версия CSS CSS 2
Синтаксис JavaScript object.style.left=»50px»

Поддержка в браузерах

chrome-3344616 firefox-3109706 ie-3744472 opera-4041060 safari-2393709
Свойство left поддерживается всеми основными браузерами.

Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.

Возможные значения свойства left

Значение Описание
auto Браузер вычисляет значение автоматически. Значение по умолчанию
размер Задает расстояние в px (пикселях), cm (сантиметрах) и тд. Отрицательные значения разрешены
% Задает расстояние в процентах от родительского элемента. Отрицательные значения разрешены
inherit Значение наследуется от родительского элемента

Связанные страницы

Учебник CSS: CSS позиционирование

up_violet-8528336Перейти к справке CSS