CSS: Горизонтальная черта
Для усиления текста часто используется подчёркивание. Оно показывает важность текущего слова или текста (часто его ещё используют для указания ссылок в документе). Другим средством стилизации текста является перечёркивание, показывающее неправильный участок текста, например «А вот так, дети, не делайте».
Для такого оформления используется свойство text-decoration с тремя основными свойствами:
underline— Подчёркивание текстаline-through—Перечёркивание текстаoverline— Надчёркивание текста
Чтобы отменить подчёркивание у ссылок используется значение none. Его часто используют для удаления подчёркивания у ссылок, которое есть по умолчанию
<a href="#">Ordinary link underlined by default</a>
<a href="#" class="text-decoration-none">Non-underlined link</a>.text-decoration-none {
text-decoration: none;
}
Задание
Добавьте в редактор параграф с классом line и добавьте подчёркивание текста для него. Стили добавьте в тег <style>
CSS: Горизонтальная черта
Для усиления текста часто используется подчёркивание. Оно показывает важность текущего слова или текста (часто его ещё используют для указания ссылок в документе). Другим средством стилизации текста является перечёркивание, показывающее неправильный участок текста, например «А вот так, дети, не делайте».
Для такого оформления используется свойство text-decoration с тремя основными свойствами:
underline— Подчёркивание текстаline-through—Перечёркивание текстаoverline— Надчёркивание текста
Чтобы отменить подчёркивание у ссылок используется значение none. Его часто используют для удаления подчёркивания у ссылок, которое есть по умолчанию
<a href="#">Ordinary link underlined by default</a>
<a href="#" class="text-decoration-none">Non-underlined link</a>.text-decoration-none {
text-decoration: none;
}
Задание
Добавьте в редактор параграф с классом line и добавьте подчёркивание текста для него. Стили добавьте в тег <style>
Ваше упражнение проверяется по этим тестам
const { test } = require('tests');
test(({ query, expect }) => {
const element = query(document, 'p');
expect(element).to.have.class('line');
const style = getComputedStyle(element);
expect(style).to.have.property('text-decoration', 'underline');
});Решение учителя откроется через:
20:00
