Свойства разметки страницы

1)width – устанавливает ширину области элемента, которая содержит пакет, изображенич и др

width: 250 px;

100%

2) min – width- устанавливает минимальну ширину для изображения область элемента может быть шире, чем установленное значение, но не может быть уже. Когда окно браузера более узкое, чем определено в min – width, то добавляются горизонтальные полосы промежутки

min – width: 760 px

80 px

45 em

3) mecx-width – устанавливает максимальную ширину для элемента область элемента может быть уже, но не может быть шире.

mecx-width: 950 px

100%

4) height- устанавливает высоту содержимого области элемента, который определена, например, текст, изображение и др.

height: 80%

800 px

5) min-height минимальная высота для элемента

min-height: 20 em

40%

150 px

6) max-height – максимальная высота

7) overslow – определяет, что должно случиться с элементом, который выходит за пределы своей области для содержимого, например, с фотографией, оказавшейся шире, чем установлено свойством width

overslow: visible- попадает на границы и другие элеметы.

hidden – скрывает любое содержимое за пределами отведенной ему области.

scroll – добавляет полосы прокрутки к элементу.

auto – добавляет полосы прокрутки, если они необходимы

8) position – определяет, какой тип позиционирования использует браузер при размещении элементов на странице

position: static – по умолчанию

relative-относительный

absolute-абсолютный

fixed-фиксированый

9) Свойства, применяются с абсолютным, фиксированым значением и относительым позиционированным

bottom-нижняя граница (bottom: 0;)

top - верхняя (top: 2px)

left - левая (left: 20%)

right – правая (right: 5 em)

10) z-index - управляет порядком расположения позиционированных элементов. Свойство определяет, где появится элемент относительно оси z. Если 2 абсолютно спозиционированных элемента накладываются друг на друга,, тому которого более высокий z-index, окажется сверху.

11)visibility – определяет, отображает браузер элемент

visibility: visibble- вещественный

hidden – оставляет пустое пространство

12) display – определяет вид области, используемой для отображения элемента страницы

display: block – блочная модель

inline- на той же линии(как строчные элементы)

none- полностью удаляет

13) float- делает элемент плавающим

float: left – к левому краю окна браузера или контейнера

right – к правому краю окна браузера или контейнера

none

14) clear: препятствует тому, чтоб элемент "обертывался " вокруг плавающего элемента

clear: right

left

bosh

none

Дата добавления: 2015-11-04