Глава 7. Свойства позиционирования

• top
• left
• width
• height
• position
• z-index
• clear
• overflow
• float

top

Атрибут позволяет задать y-координату элемента в окне браузера:

Синтаксис>селектор {top: значение}

Задается:

• npx
• n%
• auto

left

Атрибут позволяет задать x-координату элемента в окне браузера:

Синтаксис>селектор {left: значение}

Задается:

• npx
• n%
• auto

width

Атрибут позволяет задать ширину элемента в окне браузера:

Синтаксис>селектор {width: значение}

Задается:

• npx
• n%
• auto

height

Атрибут позволяет задать высоту элемента в окне браузера:

Синтаксис: селектор { height: значение }

Задается:

• npx
• 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 }