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.
1.2 KiB
1.2 KiB
| id | title | layout | permalink | prev | next |
|---|---|---|---|---|---|
| style-props-value-px-ko-KR | 스타일 속성에서 특정 픽셀 값 넣는 간단한 방법 | tips | style-props-value-px-ko-KR.html | maximum-number-of-jsx-root-nodes-ko-KR.html | children-props-type-ko-KR.html |
인라인 style prop에서 픽셀 값을 넣을때, React가 자동으로 숫자뒤에 "px"를 붙여줍니다. 다음과 같이 동작합니다:
var divStyle = {height: 10}; // "height:10px" 로 렌더링 됩니다.
ReactDOM.render(<div style={divStyle}>Hello World!</div>, mountNode);
더 자세한 이야기는 Inline Styles를 참고해 주시기 바랍니다.
개발 하다보면 CSS 속성들이 단위 없이 그대로 유지되어야 할 때가 있을 겁니다. 아래의 프로퍼티들은 자동으로 "px"가 붙지 않는 속성 리스트 입니다:
animationIterationCountboxFlexboxFlexGroupboxOrdinalGroupcolumnCountfillOpacityflexflexGrowflexPositiveflexShrinkflexNegativeflexOrderfontWeightlineClamplineHeightopacityorderorphansstopOpacitystrokeDashoffsetstrokeOpacitystrokeWidthtabSizewidowszIndexzoom