CSS: Капитель
Капитель — вид строчных букв, размер которых совпадает (или приближен) к размеру заглавных букв.
<p>Text typed as plain text</p>
<p class="small-caps">Text with small caps</p>.small-caps {
font-variant: small-caps;
}
Часто такое написание используется как стилистический приём. Но также имеется практическая сторона капители — ею принято обозначать аббревиатуры, а также её используют в первых строчках произведения, чтобы читателю было проще «войти» в текст после заголовка.
Для установки капители используется свойство font-variant с одним из двух основных значений:
normal— нормальное написание текстаsmall-caps— капитель
Задание
Добавьте в редактор параграф с классом small-capitals и выведите текст внутри капителью. Стили добавьте в тег <style>
CSS: Капитель
Капитель — вид строчных букв, размер которых совпадает (или приближен) к размеру заглавных букв.
<p>Text typed as plain text</p>
<p class="small-caps">Text with small caps</p>.small-caps {
font-variant: small-caps;
}
Часто такое написание используется как стилистический приём. Но также имеется практическая сторона капители — ею принято обозначать аббревиатуры, а также её используют в первых строчках произведения, чтобы читателю было проще «войти» в текст после заголовка.
Для установки капители используется свойство font-variant с одним из двух основных значений:
normal— нормальное написание текстаsmall-caps— капитель
Задание
Добавьте в редактор параграф с классом small-capitals и выведите текст внутри капителью. Стили добавьте в тег <style>
Ваше упражнение проверяется по этим тестам
const { test } = require('tests');
test(({ query, expect }) => {
const element = query(document, 'p');
expect(element).to.have.class('small-capitals');
const style = getComputedStyle(element);
expect(style).to.have.property('font-variant', 'small-caps');
});Решение учителя откроется через:
20:00
