Browse Source
* Russian translation for style props value px of tips * Update 06-style-props-value-px.ru-RU.mdmain
committed by
Dan Abramov
1 changed files with 46 additions and 0 deletions
@ -0,0 +1,46 @@ |
|||
--- |
|||
id: style-props-value-px |
|||
title: Краткая форма значений в пикселях для атрибута style |
|||
layout: tips |
|||
permalink: tips/style-props-value-px-ru-RU.html |
|||
prev: maximum-number-of-jsx-root-nodes-ru-RU.html |
|||
next: children-props-type.html |
|||
--- |
|||
|
|||
React автоматически добавляет "px" для значений, которые указаны в числовом виде и находятся внутри встроенного стиля атрибута `style`, например: |
|||
|
|||
```js |
|||
var divStyle = {height: 10}; // получится "height:10px" |
|||
ReactDOM.render(<div style={divStyle}>Hello World!</div>, mountNode); |
|||
``` |
|||
|
|||
Подробная информация о [встроенных стилях](/react/tips/inline-styles-ru-RU.html). |
|||
|
|||
Иногда бывает нужно указать значение *без* единицы измерения. Для этих свойств "px" не добавляется автоматически: |
|||
|
|||
- `animationIterationCount` |
|||
- `boxFlex` |
|||
- `boxFlexGroup` |
|||
- `boxOrdinalGroup` |
|||
- `columnCount` |
|||
- `fillOpacity` |
|||
- `flex` |
|||
- `flexGrow` |
|||
- `flexPositive` |
|||
- `flexShrink` |
|||
- `flexNegative` |
|||
- `flexOrder` |
|||
- `fontWeight` |
|||
- `lineClamp` |
|||
- `lineHeight` |
|||
- `opacity` |
|||
- `order` |
|||
- `orphans` |
|||
- `stopOpacity` |
|||
- `strokeDashoffset` |
|||
- `strokeOpacity` |
|||
- `strokeWidth` |
|||
- `tabSize` |
|||
- `widows` |
|||
- `zIndex` |
|||
- `zoom` |
Loading…
Reference in new issue