Учебник 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}