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