mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
Russian translation for inline styles of tips (#7717)
This commit is contained in:
@@ -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 содержит краткую информацию, которая поможет ответить на многие вопросы и предостеречь от распространенных ошибок.
|
||||
|
||||
@@ -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(<div style={divStyle}>Hello World!</div>, mountNode);
|
||||
```
|
||||
|
||||
Ключи стиля указываются в camelCase, в прямом соответствии с названиями свойств DOM-узлов в JS (например, `node.style.backgroundImage`). Префиксы [отличные от `ms`](http://www.andismith.com/blog/2012/02/modernizr-prefixed/) должны начинаться с заглавной буквы. Вот почему у `WebkitTransition` в верхнем регистре "W".
|
||||
Reference in New Issue
Block a user