Позиционирование - CSS - HTML и CSS - Все для UCOZ - NTPortaL >

Подписаться на rss новости
Новости!
Главная
Фильмы онлайн Доска Регистрация в поисковиках Форум Скрипты для Ucoz Реклама web-мастеру
Вход Регистрация Торренты Связь с Администрацией
  Меню сайта

  Категории раздела
HTML [4]
CSS [14]

>
  Поиск
нажми для поискаПоиск
Главная » Статьи » HTML и CSS » CSS


Позиционирование
Дает возможность размещения элементов не по расположению их в коде, а конкретными координатами относительно родительского контейнера или всей страницы.

Свойства:

position
- устанавливает откуда брать точки отсчета при позиционировании.
Данный атрибут обязательно должен быть указан, иначе все нижеперечисленные в этой статье свойства не будут работать.
Примеры:
position: absolute;  //  Отсчет берется относительно всей страницы

position: relative;  //  Отсчет берется относительно родительского контейнера

position: fixed;  //  Элемент не меняет своего положения даже при прокрутке

position: static;  //  Элемент отображается как и расположен в коде
Значение по умолчанию - static


top
- определяет место расположения элемента от верхней границы контейнера.
Значения указываются всеми принятыми измерениями в CSS
Пример:
top: 20px;  //  Элемент располагается на расстоянии 20 пикселей от верха



left
- определяет место расположения элемента от левой границы контейнера.
Значения указываются всеми принятыми измерениями в CSS
Пример:
left: 30px;  //  Элемент располагается на расстоянии 30 пикселей слева



right
- определяет место расположения элемента от правой границы контейнера.
Значения указываются всеми принятыми измерениями в CSS
Пример:
right: 40px;  //  Элемент располагается на расстоянии 40 пикселей справа



bottom
- определяет место расположения элемента от нижней границы контейнера.
Значения указываются всеми принятыми измерениями в CSS
Пример:
bottom: 50px;  //  Элемент располагается на расстоянии 50 пикселей от низа



z-index
- при перекрывании элемента другими определяет какой из них будет находится выше.
Значения указываются целыми числами. Например элемент со значением 5 перекрывает элемент со значением 4 и меньше.
Примеры:
z-index: 10;  //  Элемент перекрывает другие, у которых значение 9 и меньше

z-index: auto;  //  Элементы перекрываются относительно расположения в коде
Значение по умолчанию - auto

Категория: CSS | Добавил: mazafaka (16.02.2011)
Просмотров: 698 | Теги: css, всё про css, css для начинающих | Рейтинг: 0.0/0
html-cсылка на публикацию
BB-cсылка на публикацию
Прямая ссылка на публикацию .

Похожие материалы

Добавление Комментария!

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
  Последние комментарии

baranovskyromayandexru написал:
Пароль:ebm2008thank

jimmbear написал:
Добрый день! Подскажите как ус...

mazafaka написал:
  Статистика
Яндекс.Метрика Яндекс цитирования хостинг сайтов,продажа доменов
Этому сайту уже
Онлайн всего: 1
Гостей: 1
Пользователей: 0
[ Кто нас сегодня посетил ]

Сайт оптимизорован для
    

Карта сайта! Наша группа
Окна в нижнем тагиле Территория окон!
>
Мини-Чат
>