Слои «Создание Web-сайтов»

Тэг-контейнер для создания слоя Содержимое слоя

Параметры и значения атрибута STYLE для слоев

Параметр position Определяет расположение слоя внутри окна static Неперемещаемый слой. Нормальное расположение слоя внутри HTML-документов absolute Слой с заданными координатами relative Слой, сдвинутый относительно нормального расположения

Параметры left и top Задают сдвиг слоя Для слоя absolute – относительно окна браузера. Для слоя relative – относительно нормального расположения в документе.

Параметры width и height Определяют размер слоя по ширине и высоте.

Параметр overflow visibleОтображается все содержимое слоя. hiddenОбрезанный слой. Без полос прокрутки. Границу задает clip. scrollУсекает слой и всегда выводит две полосы прокрутки. autoУсекает слой и по необходимости выводит полосу прокрутки

Параметр clip для слоев, имеющих свойство overflow со значением, отличным от visible. autoОбласть обрезается под размер указанный, в width и height. rectОбласть обрезается под заданный размер. Пример: clip: rect(5px, -5px, 10px, 5px);

Параметр z-index Определяют порядок наслоения слоев. У самого нижнего индекс равен 1.

Параметр visibility Задает видимость слоя. visibleВидимый слой hiddenНевидимый слой inheritДля слоя, расположенного внутри другого слоя. Наследует свойство видимости от внешнего слоя.

Пример Содержимое слоя