Работа № 12

JavaScript

Занятие 9

Стиль CSS

Занятие 8

Какие существуют способы оформления текста (абзацев) с помощью CSS?

Отступ первой строки.
Для задания отступа в первой строке блока применяется свойство выравнивания text-indent

Пример использования: p {text-indent:25px;}

Выравнивание текста.

• left – выравнивание текста по левому краю блока

• center - выравнивание текста по центру блока

• right - выравнивание текста по правому краю блока

• justify - равномерное выравнивание текста

• inherit – выравнивание текста ведется по значению родительского элемента.

Пример : p {text-align: left;}

Визуальное оформление текста.

Параметр CSS text-decoration может принимать следующие значения:none – без оформления (по умолчанию).

• none – без оформления (по умолчанию).

• underline – текст, подчеркнутый одной линией

• overline - линия, расположенная над текстом

• line-through – текст, перечеркнутый линией

• blink – мерцающий текст.

• inherit – параметр text-decoration принимает значение родительского элемента.

Пример : p {text-decoration: line-through;}

Изменение регистра знаков в тексте.

Параметр каскадных таблиц стилей text-transform дает возможность в автоматическом режиме изменить регистр знаков в тексте.

Основные параметры, определяющие свойство CSS text-transform:

• none – свойство не изменяет вывод текста (по умолчанию).

• capitalize – первая буква каждого слова отображается в верхнем регистре

• uppercase – весь текст отображаются строчными буквами, то есть в верхнем регистре

• lowercase - буквы текста отображаются прописными, то есть в нижнем регистре

• inherit - значение родительского элемента.

Пример : p {text-transform: lowercase;}

Создание эффекта затемнения текста.

При помощи свойства CSS text-shadow можно добиться эффекта затемнения текста.

Свойство CSS text-shadow может принимать значения:

• none – значение отсутствует (по умолчанию).

• color – определяет цвет затемнения в тексте

• первое числовое значение (с положительным знаком) определяет расстояние по горизонтали вправо от текста. Отрицательное значение определяет расстояние влево от текста.

• второе числовое значение (с положительным знаком) определяет расстояние по вертикали вниз от текста. Отрицательное значение определяет вверх от текста.

• третье числовое значение определяет радиус нерезкости тени текста.

• inherit – определяет в качестве числового параметра элемента значение родительского элемента.

Пример : h3{text-shadow: blue 3px 3px 2px}

Задание при помощи CSS интервала между символами текста.

Каскадные таблицы стилей позволяют при помощи параметра letter-spacing определить интервал между символами текста.

Параметр letter-spacing может принимать значения:

• none – определенный стандартом интервал, соответствующий данному виду шрифта.

• числовое значение, выраженное при момощи стандартных для CSS единиц, которое определяет интервал между символами.

• inherit - определяет в качестве числового параметра элемента значение родительского элемента.

Пример : div {letter-spacing: 3px;}