Здравствуйте! Записался на ваш курс, но не понимаю как произвести оплату. Надо ли писать заявление и, если да, то куда отправлять? как я получу диплом о профессиональной переподготовке? |
Опубликован: 31.10.2006 | Уровень: для всех | Доступ: платный
Лекция 12:
Позиционирование в CSS
Параметр 'left'
Данный параметр определяет левый край элемента.
Примечание: Если параметр "position" имеет значение "static", параметр "left" не оказывает влияния.
Наследование: нет.
Примеры:
- В примере показано, как задать левый край элемента pre в 50 px справа от левого края окна:
pre { position: absolute; left: 50px }
- В примере показано, как задать левый край элемента 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" не оказывает влияния.
Наследование: нет.
Примеры:
- В примере показано, как задать правый край элемента pre на 50 px влево от правого края окна:
pre { position: absolute; right: 50px }
- В примере показано, как задать правое поле элемента pre на 50 px вправо от правого края окна:
pre { position: absolute; right: -50px }
Может принимать следующие значения: