freeCodeCamp/guide/russian/certifications/front-end-libraries/react/add-inline-styles-in-react/index.md

1.0 KiB

title localeTitle
Add Inline Styles in React Добавить встроенные стили в действии

Добавить встроенные стили в действии

Вы можете объявить стиль компонента, передающий объект напрямую, как стиль «prop». Просто помните, что каждое свойство объекта стиля находится на камне. Таким образом, свойства типа «font-size» объявлены как «fontSize» как действительное свойство объекта javascript.

Спойлер

class Colorful extends React.Component { 
  render() { 
    // change code below this line 
    return ( 
      <div style={{color: "yellow", fontSize: 24}}>Style Me!</div> 
    ); 
    // change code above this line 
  } 
 }; 

Ресурсы

Стиль элементов DOM