Выполните задания:
Свойства CSS:
1) text-decoration — Добавляет оформление текста в виде его подчёркивания, перечёркивания или линии над текстом. Одновременно можно применить более одного стиля, перечисляя значения через пробел.
- line-through—Создает перечёркнутый текст пример.
- overline—Линия проходит над текстом пример.
- underline—Устанавливает подчёркнутый текст пример.
- none—Отменяет все эффекты, в том числе и подчёркивание у ссылок, которое задано по умолчанию.
2)text-decoration-color — Устанавливает цвет линии, которая добавляется через свойство text-decoration.
Синтаксис
text-decoration-color: <цвет>
3) text-align — Определяет горизонтальное выравнивание текста в пределах элемента.
- center—Выравнивание текста по центру. Текст помещается по центру горизонтали окна браузера или контейнера, где расположен текстовый блок. Строки текста словно нанизываются на невидимую ось, которая проходит по центру веб-страницы. Подобный способ выравнивания активно используется в заголовках и различных подписях, вроде подрисуночных, он придает официальный и солидный вид оформлению текста. Во всех других случаях выравнивание по центру применяется редко по той причине, что читать большой объем такого текста неудобно.
- justify—Выравнивание по ширине, что означает одновременное выравнивание по левому и правому краям. Чтобы произвести это действие, браузер в этом случае добавляет пробелы между словами.
- left—Выравнивание текста по левому краю. В этом случае строки текста выравнивается по левому краю, а правый край располагается «лесенкой». Такой способ выравнивания является наиболее популярным на сайтах, поскольку позволяет пользователю легко отыскивать взглядом новую строку и комфортно читать большой текст.
- right—Выравнивание текста по правому краю. Этот способ выравнивания выступает в роли антагониста предыдущему типу. А именно, строки текста равняются по правому краю, а левый остаётся aquo;рваным». Из-за того, что левый край не выровнен, а именно с него начинается чтение новых строк, такой текст читать труднее, чем, если бы он был выровнен по левому краю. Поэтому выравнивание по правому краю применяется обычно для коротких заголовков объёмом не более трёх строк. Мы не рассматриваем специфичные сайты, где текст приходится читать справа налево, там возможно подобный способ выравнивания и пригодится.
- start—Аналогично значению left, если текст идёт слева направо и right, когда текст идёт справа налево.
- end—Аналогично значению right, если текст идёт слева направо и left, когда текст идёт справа налево.
4) word-spacing — Устанавливает интервал между словами. Если для текста задано выравнивание через text-align со значением justify (выравнивание по ширине), то интервал между словами будет установлен принудительно, но не меньше значения, указанного через word-spacing.В качестве значений принимаются любые единицы длины, принятые в CSS — например, пиксели (px), дюймы (in), пункты (pt) и др. Допустимо использовать отрицательное значение, но читаемость текста может при этом снизиться. Процентная запись запрещена.
5) text-transform — Управляет преобразованием текста элемента в заглавные или прописные символы. Когда значение отлично от none, регистр исходного текста будет изменен.
- capitalize —Первый символ каждого слова в предложении будет заглавным. Остальные символы свой вид не меняют.
- lowercase—Все символы текста становятся строчными (нижний регистр).
- uppercase—Все символы текста становятся прописными (верхний регистр).
- none—Не меняет регистр символов.
- inherit—Наследует значение родителя.