Опубликован: 31.10.2006 | Доступ: свободный | Студентов: 12223 / 4793 | Оценка: 4.35 / 4.14 | Длительность: 08:43:00
Лекция 12:

Позиционирование в CSS

< Лекция 11 || Лекция 12: 1234 || Лекция 13 >
Параметр 'left'

Данный параметр определяет левый край элемента.

Примечание: Если параметр "position" имеет значение "static", параметр "left" не оказывает влияния.

Наследование: нет.

Примеры:

  1. В примере показано, как задать левый край элемента pre в 50 px справа от левого края окна:
    pre
    {
    position: absolute;
    left: 50px
    }
  2. В примере показано, как задать левый край элемента pre в 50 px слева от левого края окна:
    pre
    {
    position: absolute;
    left: -50px
    }

Может принимать следующие значения:

Значение Описание
auto Позволяет браузеру вычислить левую позицию.
% Задает левую позицию в % от значения для левого края окна.
length Задает левую позицию в px, см и т.д. от левого края окна. Допускаются отрицательные значения.
Параметр 'overflow'

Данный параметр определяет, что происходит, когда содержимое элемента переполняет его область.

Наследование: нет.

Пример:

div 
{
overflow: auto
}

Может принимать следующие значения:

Значение Описание
visible Содержимое не обрезается. Оно выводится за пределами элемента.
hidden Содержимое обрезается, но браузер не выводит полосу прокрутки для просмотра всего содержимого.
scroll Содержимое обрезается, но браузер выводит полосу прокрутки для просмотра всего содержимого.
auto Если содержимое обрезается, то браузер должен вывести полосу прокрутки для просмотра всего содержимого.
Параметр 'position'

Данный параметр помещает элемент в статическое, относительное, абсолютное или фиксированное положение.

Наследование: нет.

Пример:

p
{
position:static;
}

Может принимать следующие значения:

Значение Описание
static Элемент помещается в обычное положение (согласно нормальному потоку). Для значения "static" параметры "left" и "top" не используются.
relative Перемещает элемент относительно нормального положения, так что "left:20" добавляет 20 пикселей к позиции LEFT элемента
absolute С помощью значения "absolute" элемент можно разместить в любом месте страницы. Позиция элемента определяется параметрами "left", "top", "right", и "bottom"
fixed
Параметр 'right'

Данный параметр определяет правый край элемента.

Примечание: Если параметр "position" имеет значение "static", то параметр "right" не оказывает влияния.

Наследование: нет.

Примеры:

  1. В примере показано, как задать правый край элемента pre на 50 px влево от правого края окна:
    pre
    {
    position: absolute;
    right: 50px
    }
  2. В примере показано, как задать правое поле элемента pre на 50 px вправо от правого края окна:
    pre
    {
    position: absolute;
    right: -50px
    }

Может принимать следующие значения:

Значение Описание
auto Позволяет браузеру вычислить правую позицию.
% Задает правую позицию в % от значения правого края окна.
length Задает правую позицию в px, см, и т.д. от правого края окна. Допускаются отрицательные значения.
< Лекция 11 || Лекция 12: 1234 || Лекция 13 >
Федор Антонов
Федор Антонов

Здравствуйте!

Записался на ваш курс, но не понимаю как произвести оплату.

Надо ли писать заявление и, если да, то куда отправлять?

как я получу диплом о профессиональной переподготовке?

Илья Ардов
Илья Ардов

Добрый день!

Я записан на программу. Куда высылать договор и диплом?