amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-22 20:01:57 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
25dd602bf75dc5cb519bae1fc33e864363924e8d
react.dev/tips/02-inline-styles.ru-RU.md
Ivan Zotov 25dd602bf7 Russian translation for self-closing-tag of tips (#7729) 
* Russian translation for self-closing-tag of tips

* Fix next link for inline styles tip

* Update 04-self-closing-tag.ru-RU.md
2016-09-19 13:39:46 +03:00

1.4 KiB
Raw Blame History

id, title, layout, permalink, next, prev
id title layout permalink next prev
inline-styles Встроенные стили tips tips/inline-styles-ru-RU.html if-else-in-JSX-ru-RU.html introduction-ru-RU.html

В React, встроенные стили не указываются в виде строки. Вместо этого они определяются как объект, ключ которого является camelCase версией названия стиля, а значение которого является значением стиля, обычно строкой (подробнее об этом далее):

var divStyle = {
  color: 'white',
  backgroundImage: 'url(' + imgUrl + ')',
  WebkitTransition: 'all', // обратите внимание на заглавную 'W'
  msTransition: 'all' // 'ms' это единственный префикс в нижнем регистре
};

ReactDOM.render(<div style={divStyle}>Hello World!</div>, mountNode);

Ключи стиля указываются в camelCase, в прямом соответствии с названиями свойств DOM-узлов в JS (например, node.style.backgroundImage). Префиксы отличные от ms должны начинаться с заглавной буквы. Вот почему у WebkitTransition в верхнем регистре "W".