8.4 Свойства шрифта текста.

Color определяет цвет содержимого элемента

font-family определяет гарнитуру шрифта, может быть указана одна или несколько гарнитур, а можно указать тип шрифта:

serif засечный шрифт

sans-serif без засечек или рубленный

cursive рукописный

fantasy артистический

monospace моноширинный

font-size определяет размер шрифта указывается либо в единицах измерения либо атрибутом:

xx-small очень маленькие

x-small маленькие

medium шрифт средней величины

large крупные буквы

x-large на 50% больше чем large

xx-large на 50% больше чем x-large

larger чуть крупнее средних букв

smaller чуть мельче средних букв

font-style определят стиль шрифта имеет 3 атрибута:

normal нормальное начертание

oblique наклонное начертание

italic курсивное начертание

font-variant указывает вывод текста имеет 2 значения:

small-caps маленькие прописные буквы

normal обычный шрифт

font-weight определяет жирность шрифта и имеет значения:

normal обычный вывод

bold жирный шрифт

bolder полу-жирный шрифт

lighter полутонкий шрифт

можно задавать значение числами (100, 200,……чем больше, тем жирнее начертание).

8.5 Свойства текстов.

Letter-spacing определяет расстояние между символами в строке текста

line-height определяет расстояние между базовыми линиями текста

text-align указывает способ выравнивания текста:

right по правому краю

left по левому краю

center по центру

justify по ширине текста.

text-decoration задается тип декорации текста:

none нет

underline текст подчеркнут

overline линия над строкой

line-through текст зачеркнут

blink текст мерцает

text-indent задает отступ в первой строке абзаца

text-transform указывает трансформацию текста:

capitalize каждая первая буква каждого слова делается прописной

uppercase все буквы прописные

lowercase все буквы текста строчные

none нет трансформации

vertical-align регулирует вертикальное положение текста:

baseline выравнивает базовую линию элемента по базовой линии родительского элемента

middle ставит середину элемента по середине родительского элемента

sub ставит элемент на подстрочный уровень

text-top выравнивает вершину элемента по верху текста родителя

text-bottom выравнивает низ элемента по низу текста родительского элемента

top верх элемента по самому высокому элементу строки

bottom низ элемента по самому низкому элементу строки.

white-space определяет свободное пространство внутри элемента

word-spacing определяет расстояние между словами текста.

8.6 Свойства полосы прокрутки.

Scrollbar-3dlight-color определяет цвет верха и левой части ползунка и кнопок со стрелками на полосе прокрутки

Scrollbar-arrow-color устанавливает цвет стрелок на кнопках со стрелками

Scrollbar-base-color устанавливает цвет основных элементов: ползунка, кнопок со стрелками, дорожки для ползунка если не определены параметры в Scrollbar-face-color

Scrollbar-darkshadow-color устанавливает цвет тени для ползунка и кнопок со стрелками

Scrollbar-face-color устанавливает цвет ползунка и кнопок со стрелками если не задан Scrollbar-track-color изменится цвет дорожки

Scrollbar-highlight-color устанавливает цвет подсветки, создающий эффект объемности. Это цвет, который окаймляет освещенную часть кнопки. Когда кнопка не нажата, то цвет заливает левый верхний угол и стороны между ним, когда кнопка нажата-нижний правый угол

Scrollbar-shadow-color схоже с Scrollbar-darkshadow-color

Scrollbar-track-color устанавливает цвет дорожки для ползунка.

Многие из описанных выше свойств могут группироваться друг с другом.

H1{font-weight:bold;font-style:normal;font-size:12pt;font-family:serif}

Можно записать более кратко

H1{font:bold normal 12pt serif}

Таблицы стилей позволяют группировать свойства border, background, font, list, margin, padding.