Учебник CSS
Глава 7 - Свойства позиционирования
- top
Атрибут позволяет задать y-координату элемента в окне браузера:
Синтаксис: селектор {top: значение}
задается:- n px
- n %
- auto
- left
Атрибут позволяет задать x-координату элемента в окне браузера:
Синтаксис: селектор {left: значение}
задается:- n px
- n %
- auto
- width
Атрибут позволяет задать ширину элемента в окне браузера:
Синтаксис: селектор {width: значение}
задается:- n px
- n %
- auto
- height
Атрибут позволяет задать высоту элемента в окне браузера:
Синтаксис: селектор {height: значение}
задается:- n px
- n %
- auto
- position
Атрибут позволяет задать позицию элемента в окне браузера:
Синтаксис: селектор {position: absolute}- absolute - когда значения left и top задаются относительно левого верхнего угла контейнера или страницы.
- relative - когда значения left и top задаются относительно текста, за которым следует элемент.
- static - когда значения left и top задаются относительностраницы статично.
- z-index
Атрибут позволяет задать порядок перекрытия элементами друг друга при расположении их слоями, при этом элемент с более высоким индексом будет располагаться над элементом с низким индексом. В случае,если атрибут не задан специально,браузер присваивает более высокий индекс элементу, который в исходном коде описан позже:
Синтаксис: селектор {z-index: 2}- auto
- порядковый номер
- clear
Атрибут позволяет задать обтекание текстом объекта, например картинки, выровненной по левому или правому краю, присвоив ему одно из значений:
Синтаксис: селектор {clear: none}- left
- right
- both
- overflow
Атрибут позволяет задать, как выглядит текст, переполнивший границы элемента, присвоив ему одно из значений:
Синтаксис: селектор {overflow: none}- none
- clip
- scroll
- float
Атрибут аналогичен атрибуту align.
Синтаксис: селектор {float: left}