Стиль маркера list-style-type: circle | … | none | inherit Маркированный список circle маркер в виде кружка; disc маркер в виде точки; square маркер в. - презентация

1

2

3 Стиль маркера list-style-type: circle | … | none | inherit Маркированный список circle маркер в виде кружка; disc маркер в виде точки; square маркер в виде квадрата. Нумерованный список decimal aрабские числа (1, 2, 3, 4,...); decimal-leading-zero арабские числа с нулем впереди (01, 02, 03,...); armenian армянская нумерация georgian традиционная грузинская нумерация; lower-alpha или lower-latin строчные латинские буквы (a, b, c, d,...); lower-greek строчные греческие буквы (α, β, γ, δ,...); lower-roman римские числа в нижнем регистре (i, ii, iii, iv, v,...); upper-alpha заглавные латинские буквы (A, B, C, D,...); upper-roman римские числа в верхнем регистре (I, II, III, IV, V,...); none отменяет маркеры для списка.

4

5

6 Изображение – маркер списка list-style-image: none | url('путь к файлу') | inherit url используется путь к графическому файлу, который указывается внутри конструкции url(); Относительный или абсолютный путь к графическому файлу. Значение может быть в одинарных, двойных кавычках или без них.

7

8 ИЛИ

9 Размещение маркера list-style-position: inside | outside inside outside

10 top: значение | проценты | auto | inherit bottom: значение | проценты | auto | inherit left: значение | проценты | auto | inherit right: значение | проценты | auto | inherit

11 Позиционирование объекта position: absolute | fixed | relative | static | inherit

12 Этот рисунок всегда внизу спрва

13

14 Ниже будет располагаться тот объект который указан раньше в HTML

15 Слои, z-измерение z-index: число | auto | inherit Каждый элемент может находиться как ниже, так и выше других объектов веб- страницы, их размещением по z-оси и управляет z-index. Это свойство работает только для элементов, у которых значение position задано как absolute, fixed или relative. В качестве значения используются целые числа (положительные, отрицательные и ноль). Чем больше значение, тем выше находится элемент по сравнению с теми элементами, у которых оно меньше. При равном значении z-index, на переднем плане находится тот элемент, который в коде HTML описан ниже.

16

17 Выравнивание элементов… float: left | right | none | inherit

18 Запрет обтекания clear: none | left | right | both | inherit none отменяет действие свойства clear, при этом обтекание элемента происходит, как задано с помощью свойства float или других настроек both отменяет обтекание элемента одновременно с правого и левого края. Это значение рекомендуется устанавливать, когда требуется снять обтекание элемента, но неизвестно точно с какой стороны left отменяет обтекание с левого края элемента. При этом все другие элементы на этой стороне будут опущены вниз, и располагаться под текущим элементом right отменяет обтекание с правой стороны элемента

19

20 Видимость и не видимость :)

21 Вид курсора cursor: [url('путь к курсору'),] | [ auto | … | inherit ]

22 Обрезка объекта по контейнеру clip: rect(Y1, X1, Y2, X2) | auto | inherit Объект должен быть спозиционирован абсолютно…

23 Переполнение контейнеров overflow: auto | hidden | scroll | visible | inherit Управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров. visible отображается все содержание элемента, даже за пределами установленной высоты и ширины hidden отображается только область внутри элемента, остальное будет скрыто scroll всегда добавляются полосы прокрутки auto полосы прокрутки добавляются только при необходимости

24 overflow: visible; overflow: scroll; overflowhidden;

25 Прозрачность opacity : число(часть единицы) | none

26

27

28