From 2dcc0fad707186f042d89276a85991ee162eb560 Mon Sep 17 00:00:00 2001 From: Ivan Zotov Date: Wed, 14 Sep 2016 13:26:36 +0300 Subject: [PATCH] Russian translation for inline styles of tips (#7717) --- tips/01-introduction.ru-RU.md | 2 +- tips/02-inline-styles.ru-RU.md | 23 +++++++++++++++++++++++ 2 files changed, 24 insertions(+), 1 deletion(-) create mode 100644 tips/02-inline-styles.ru-RU.md diff --git a/tips/01-introduction.ru-RU.md b/tips/01-introduction.ru-RU.md index 650d5338..49051f41 100644 --- a/tips/01-introduction.ru-RU.md +++ b/tips/01-introduction.ru-RU.md @@ -3,7 +3,7 @@ id: introduction-ru-RU title: Введение layout: tips permalink: tips/introduction-ru-RU.html -next: inline-styles.html +next: inline-styles-ru-RU.html --- Данный раздел советов по React содержит краткую информацию, которая поможет ответить на многие вопросы и предостеречь от распространенных ошибок. diff --git a/tips/02-inline-styles.ru-RU.md b/tips/02-inline-styles.ru-RU.md new file mode 100644 index 00000000..b33a9577 --- /dev/null +++ b/tips/02-inline-styles.ru-RU.md @@ -0,0 +1,23 @@ +--- +id: inline-styles +title: Встроенные стили +layout: tips +permalink: tips/inline-styles-ru-RU.html +next: if-else-in-JSX.html +prev: introduction-ru-RU.html +--- + +В React, встроенные стили не указываются в виде строки. Вместо этого они определяются как объект, ключ которого является camelCase версией названия стиля, а значение которого является значением стиля, обычно строкой ([подробнее об этом далее](/react/tips/style-props-value-px.html)): + +```js +var divStyle = { + color: 'white', + backgroundImage: 'url(' + imgUrl + ')', + WebkitTransition: 'all', // обратите внимание на заглавную 'W' + msTransition: 'all' // 'ms' это единственный префикс в нижнем регистре +}; + +ReactDOM.render(
Hello World!
, mountNode); +``` + +Ключи стиля указываются в camelCase, в прямом соответствии с названиями свойств DOM-узлов в JS (например, `node.style.backgroundImage`). Префиксы [отличные от `ms`](http://www.andismith.com/blog/2012/02/modernizr-prefixed/) должны начинаться с заглавной буквы. Вот почему у `WebkitTransition` в верхнем регистре "W".