Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Челлендж: Форматування Тексту | CSS для Тексту
Основи CSS
course content

Зміст курсу

Основи CSS

Основи CSS

2. CSS для Тексту
3. Бокс Модель та Відстань між Елементами
4. Флексбокс
5. Декоративні Ефекти

bookЧеллендж: Форматування Тексту

Завдання

Щоб покращити візуальне представлення елемента h1, застосуйте наступні стилі:

  • Додайте підкреслення.
  • Перетворіть усі літери у верхній регістр.
  • Відцентруйте текст по горизонталі.
  • Встановіть висоту рядка 2.
  • Налаштуйте інтервал між буквами на 2px.
  • Збільште відстань між словами до 5px.
  • Застосуйте тінь до тексту зі значеннями 2px 2px #000000.
html

index

css

index

js

index

copy
  • text-decoration: Підкреслює текст.
  • text-transform: Перетворює текст у верхній регістр.
  • text-align: Вирівнює текст по горизонталі.
  • line-height: Задає висоту тексту.
  • letter-spacing: Збільшує відстань між літерами.
  • word-spacing: Збільшує відстань між словами.
  • text-shadow: Додає тінь.
html

index

css

index

js

index

copy
Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 2. Розділ 3
We're sorry to hear that something went wrong. What happened?
some-alt