Свойство LEFT
| Браузер | Internet Explorer | Firefox | Mozilla | Opera | Netscape | Safari | |||||||
| Версия | 5.5 | 6.0 | 7.0 | 1.0 | 2.0 | 1.7 | 7.0 | 8.0 | 9.0 | 6.0 | 7.0 | 8.0 | 1.0 |
| Поддержка |  |
|
|
|
|
|
|
|
|
|
|
|
|
Краткая информация
| CSS | CSS2 |
| Значение по умолчанию | auto |
| Наследование | Нет |
| Применяется | Ко всем элементам |
| Аналог HTML | Нет |
| Ссылка на спецификацию | http://www.w3.org/TR/CSS21/visuren.html#propdef-left |
Описание
Для позиционированного элемента определяет расстояние от левого края родительского элемента, не включая отступ, поле и ширину рамки, до левого края дочернего элемента (рис. 1). Отсчет координат зависит от значения параметра position. Если его аргумент равен absolute, в качестве родителя выступает окно браузера и положение элемента определяется от его левого края. В случае значения relative, аргумент left отсчитывается от левого края исходного положения элемента.
Аргументы
В качестве значений принимаются любые единицы длины, принятые в CSS - например, пикселы (px), дюймы (in), пункты (pt) и др. Значение параметра left может быть и отрицательным, в этом случае возможны наложения разных элементов друг на друга. При задании значения в процентах, положение элемента вычисляется в зависимости от ширины родительского элемента. Аргумент auto не изменяет положение элемента.
Пример
 |
 |
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>left</title>
<style type="text/css">
.layer1 {
position: absolute; /* Абсолютное позиционирование */
left: 20px; /* Положение от левого края */
background: #fc0; /* Цвет фона */
margin: 7px; /* Отступы вокруг элемента */
}
.layer2 {
position: relative; /* Относительное позиционирование */
left: -12px; /* Положение от левого края */
top: 13px; /* Положение от верхнего края */
border: 1px solid black; /* Параметры рамки */
padding: 5px; /* Поля вокруг текста */
margin: 7px; /* Отступы вокруг элемента */
}
</style>
</head>
<body>
<div class="layer1">
<div class="layer2">
Для успешного ведения бизнеса каждой компании в какой-то момент становится необходимо использовать потенциал сети Интернет. Самый простой способ - это иметь свое представительство в сети (Web-сайт). Тем самым Вы получаете еще одну очень большую аудиторию клиентов, которые могут в любое время суток оперативно получить информацию о Вашей фирме или совершить какую-либо покупку с торговой площадки Вашего Интернет магазина. Для успешного ведения бизнеса каждой компании в какой-то момент становится необходимо использовать потенциал сети Интернет. Самый простой способ - это иметь свое представительство в сети (Web-сайт). Для успешного ведения бизнеса каждой компании в какой-то момент становится необходимо использовать потенциал сети Интернет. Самый простой способ - это иметь свое представительство в сети (Web-сайт).
</div>
</div>
</body>
</html>