You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
1.4 KiB
47 lines
1.4 KiB
8 years ago
|
---
|
||
|
|
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`
|