Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Завдання: Використання Вбудованих Стилів у Компоненті React | Техніки Стилізації у React-Додатках
React Mastery

bookЗавдання: Використання Вбудованих Стилів у Компоненті React

Ми будемо практикувати додавання інлайнових стилів до React-компонента. Виконайте наступні кроки, щоб завершити завдання:

  1. Створити новий React-компонент з назвою StyledBox.

  2. Усередині компонента StyledBox відобразити елемент <div>.

  3. Додати до елемента <div> наступні інлайнові стилі:

    • Встановити background color на "lightblue";
    • Встановити width на "300px";
    • Встановити padding на "10px";
    • Встановити border radius на "10px";
    • Встановити text alignment на "center";
    • Встановити font size на "24px";
    • Встановити font weight на "bold".
  4. Додати текстовий вміст всередину елемента <div>, наприклад, Five Finger Death Punch.

  1. Інлайнові стилі додаються за допомогою атрибута style, і значенням для цього атрибута має бути об'єкт.
  2. При використанні інлайнових стилів значення, які не є простими числами (наприклад, рядки, одиниці виміру або кольори), повинні бути взяті в лапки "...". Наприклад, margin: "30px" означає, що властивість margin має значення 30px.

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

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

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

Секція 2. Розділ 4

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Awesome!

Completion rate improved to 2.17

bookЗавдання: Використання Вбудованих Стилів у Компоненті React

Свайпніть щоб показати меню

Ми будемо практикувати додавання інлайнових стилів до React-компонента. Виконайте наступні кроки, щоб завершити завдання:

  1. Створити новий React-компонент з назвою StyledBox.

  2. Усередині компонента StyledBox відобразити елемент <div>.

  3. Додати до елемента <div> наступні інлайнові стилі:

    • Встановити background color на "lightblue";
    • Встановити width на "300px";
    • Встановити padding на "10px";
    • Встановити border radius на "10px";
    • Встановити text alignment на "center";
    • Встановити font size на "24px";
    • Встановити font weight на "bold".
  4. Додати текстовий вміст всередину елемента <div>, наприклад, Five Finger Death Punch.

  1. Інлайнові стилі додаються за допомогою атрибута style, і значенням для цього атрибута має бути об'єкт.
  2. При використанні інлайнових стилів значення, які не є простими числами (наприклад, рядки, одиниці виміру або кольори), повинні бути взяті в лапки "...". Наприклад, margin: "30px" означає, що властивість margin має значення 30px.

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

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

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

Секція 2. Розділ 4
some-alt