Слои «Создание Web-сайтов». Тэг-контейнер для создания слоя Содержимое слоя. - презентация

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

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

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

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

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

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

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

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

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

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

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