Russian translation for inline styles of tips (#7717)
Ivan Zotov committed
Sep 14, 2016 at 13:26 UTC
fcc37ccaa2f10a3fbbe6a2852c3309a98ad486bd
2 files changed
+24
-1
docs/tips/01-introduction.ru-RU.md
+1
-1
@@ -3,7 +3,7 @@ id: introduction-ru-RU
3
title: Введение
4
layout: tips
5
permalink: tips/introduction-ru-RU.html
6
-next: inline-styles.html
6
+next: inline-styles-ru-RU.html
7
---
8
9
Данный раздел советов по React содержит краткую информацию, которая поможет ответить на многие вопросы и предостеречь от распространенных ошибок.
docs/tips/02-inline-styles.ru-RU.md
new
+23
@@ -0,0 +1,23 @@
1
+---
2
+id: inline-styles
3
+title: Встроенные стили
4
+layout: tips
5
+permalink: tips/inline-styles-ru-RU.html
6
+next: if-else-in-JSX.html
7
+prev: introduction-ru-RU.html
8
+---
9
+
10
+В React, встроенные стили не указываются в виде строки. Вместо этого они определяются как объект, ключ которого является camelCase версией названия стиля, а значение которого является значением стиля, обычно строкой ([подробнее об этом далее](/react/tips/style-props-value-px.html)):
11
+
12
+```js
13
+var divStyle = {
14
+ color: 'white',
15
+ backgroundImage: 'url(' + imgUrl + ')',
16
+ WebkitTransition: 'all', // обратите внимание на заглавную 'W'
17
+ msTransition: 'all' // 'ms' это единственный префикс в нижнем регистре
18
+};
19
+
20
+ReactDOM.render(<div style={divStyle}>Hello World!</div>, mountNode);
21
+```
22
+
23
+Ключи стиля указываются в camelCase, в прямом соответствии с названиями свойств DOM-узлов в JS (например, `node.style.backgroundImage`). Префиксы [отличные от `ms`](http://www.andismith.com/blog/2012/02/modernizr-prefixed/) должны начинаться с заглавной буквы. Вот почему у `WebkitTransition` в верхнем регистре "W".