Lecture
Created: 30.10.2006 | Level: for all | Access: free
Lecture 11:
Параметры форматирования в CSS
Свойство 'float'
Данное свойство определяет, где появится в другом элементе изображение или текст.
Примечания:
- Если в строке слишком мало места для плавающего элемента, он переносится на следующую строку и продолжается пока строка имеет достаточно места.
- Перед float должны идти - содержание, фон и границы внутристрочных элементов, содержание блочного элемента, после - фон и границы блочного элемента.
Наследование: нет.
Пример:
p
{
float: right
}Может принимать следующие значения:
| Значение | Описание |
|---|---|
| left | Изображение или текст смещается в родительском элементе влево. |
| right | Изображение или текст смещается в родительском элементе вправо. |
| none | Изображение или текст будут выводиться в том месте, где они встретились в тексте |
Параметр 'position'
Данный параметр помещает элемент в статическое, относительное, абсолютное или фиксированное положение.
Наследование: нет.
Пример:
p
{
position:static;
}Может принимать следующие значения:
| Значение | Описание |
|---|---|
| static | Элемент помещается в обычное положение (согласно нормальному потоку). Со значением "static" не используются параметры "left" и "top". |
| relative | Смещает элемент относительно его нормального положения, поэтому "left:20" добавляет 20 пикселей к позиции LEFT элемента. |
| absolute | С помощью значения "absolute" элемент можно поместить в любом месте страницы. Позиция элемента определяется с помощью параметров "left", "top", "right", и "bottom" |
| fixed |
Параметр 'visibility'
Этот параметр определяет видимость или невидимость элемента.
Примечания:
- Невидимые элементы занимают место на странице. Для того, чтобы создать невидимые элементы, которые не занимают место необходимо использовать параметр "display".
- Этот параметр можно использовать со сценариями для создания Динамического HTML.
Наследование: нет.
Примеры:
pre
{
visibility: hidden
}Может принимать следующие значения:
| Значение | Описание |
|---|---|
| visible | Элемент видим |
| hidden | Элемент невидим |
| collapse | При использовании в табличных элементах это значение удаляет строку или столбец, но не влияет на компоновку таблицы. Пространство, занимаемое строкой или столбцом, будет доступно для другого содержимого. Если этот параметр используется с другими элементами, он действует как "hidden" |