Текст
text-decoration – оформление текста Значения
•blink - мигающий текст.
•line-through - перечеркнутый текст
•overline - линия проходит над текстом
•underline - подчеркнутый текст
•none - отменяет все эффекты
Текст
text-indent – отступ первой строки (только для блочных элементов)
Пример text-indent: 15px; text-indent: 30%;
Текст
text-transform – преобразование текста Значения
•capitalize - первый символ каждого слова в предложении будет заглавным. Остальные символы свой вид не меняют.
•lowercase - все символы текста становятся строчными (нижний регистр).
•uppercase - все символы текста становятся прописными (верхний регистр).
•none - не меняет регистр символов.
Текст
letter-spacing – расстояние между символами
Пример letter-spacing: 4px;
letter-spacing: normal;
Текст
line-height – межстрочный интервал
Примеры line-height: 1.5; line-height: 12px; line-height: 80%; line-height: normal;
Фон
background-color – цвет фона
Пример
background-color: #ff0000; background-color: red;
Фон
background-image – фоновое изображение
Пример
background-image: url("1.PNG"); background-image: none; background-image: inherit;
Фон
background-position – положение фонового изображения
Пример
background-position: 20px 30px; background-position: 50% 100%; background-position: bottom right;
background-position
•top left = left top = 0% 0% (в левом верхнем углу)
•top = top center = center top = 50% 0% (по центру вверху)
•right top = top right = 100% 0% (в правом верхнем углу)
•left = left center = center left = 0% 50% (по левому краю и по центру)
•center = center center = 50% 50% (по центру)
•right = right center = center right = 100% 50% (по правому краю и по центру)
•bottom left = left bottom = 0% 100% (в левом нижнем углу)
•bottom = bottom center = center bottom = 50% 100% (по центру внизу)
•bottom right = right bottom = 100% 100% (в правом нижнем углу)
Фон
background-repeat – повторение фонового изображения
Пример
background-repeat: repeat; background-repeat: no-repeat; background-repeat: repeat-x; background-repeat: repeat-y;
