Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
sp_lr1.doc
Скачиваний:
0
Добавлен:
01.04.2025
Размер:
159.74 Кб
Скачать

1.6 Свойство overflow

Свойство overflow управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров. Синтаксис:

overflow: auto | hidden | scroll | visible | inherit

Значения:

visible

Отображается все содержание элемента, даже за пределами установленной высоты и ширины.

hidden

Отображается только область внутри элемента, остальное будет скрыто.

scroll

Всегда добавляются полосы прокрутки.

auto

Полосы прокрутки добавляются только при необходимости.

inherit

Наследует значение родителя.

Свойство overflow-x управляет отображением содержания блочного элемента по горизонтали, если контент целиком не помещается и выходит за область справа или слева от блока. Синтаксис:

overflow-x: auto | hidden | scroll | visible

Свойство overflow-y управляет отображением содержания блочного элемента по вертикали, если контент целиком не помещается и выходит за область сверху или снизу от блока. Синтаксис:

overflow-y: auto | hidden | scroll | visible

1.7 Оформление списков

Свойство list-style-type изменяет вид маркера для каждого элемента списка. Это свойство используется только в случае, когда значение list-style-image установлено как none. Маркеры различаются для маркированного списка (тег <ul>) и нумерованного (тег <ol>).

list-style-type: circle | disc | square | armenian | decimal | decimal-leading-zero | georgian | lower-alpha | lower-greek | lower-latin | lower-roman | upper-alpha | upper-latin | upper-roman | none | inherit

Значения зависят от того, к какому типу списка они применяются: маркированному или нумерованному.

Маркированный список

circle

Маркер в виде кружка.

disc

Маркер в виде точки.

square

Маркер в виде квадрата.

Нумерованный список

armenian

Традиционная армянская нумерация.

decimal

Арабские числа (1, 2, 3, 4,...).

decimal-leading-zero

Арабские числа с нулем впереди для цифр меньше десяти (01, 02, 03,...).

georgian

Традиционная грузинская нумерация.

lower-alpha

Строчные латинские буквы (a, b, c, d,...).

lower-greek

Строчные греческие буквы (α, β, γ, δ,...).

lower-latin

Это значение аналогично lower-alpha.

lower-roman

Римские числа в нижнем регистре (i, ii, iii, iv, v,...).

upper-alpha

Заглавные латинские буквы (A, B, C, D,...).

upper-latin

Это значение аналогично upper-alpha.

upper-roman

Римские числа в верхнем регистре (I, II, III, IV, V,...).

none

Отменяет маркеры для списка.

inherit

Наследует значение родителя.

Свойство list-style-image устанавливает адрес изображения, которое служит в качестве маркера списка. Это свойство наследуется, поэтому для отдельных элементов списка для восстановления маркера используется значение none.

list-style-image: none | url('путь к файлу') | inherit

Свойство list-style-position определяет, как будет размещаться маркер относительно текста. Имеется два значения: outside — маркер вынесен за границу элемента списка и inside — маркер обтекается текстом.

1.8 Дочерние селекторы

Дочерним называется элемент, который непосредственно располагается внутри родительского элемента:

Синтаксис применения таких селекторов:

Селектор1 Селектор2 { Описание правил стиля }

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]