File tree Expand file tree Collapse file tree
reference/react-dom/components Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -96,13 +96,13 @@ JSX に変換しないといけない HTML がたくさんある場合は、[オ
9696
9797## スタイルの追加 {/*adding-styles*/}
9898
99- React では、CSS クラスを ` className` で指定します。HTML の [` class ` ](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) 属性と同じ方法で動作します 。
99+ React では、CSS クラスを ` className` で指定します。HTML の [` class ` ](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) 属性と同じように動作します 。
100100
101101` ` ` js
102102< img className= " avatar" / >
103103` ` `
104104
105- そして、別の CSS ファイルに対応する CSS ルールを記述します :
105+ そして、対応する CSS ルールを別の CSS ファイルに記述します :
106106
107107` ` ` css
108108/* In your CSS */
@@ -111,7 +111,7 @@ React では、CSS クラスを `className` で指定します。HTML の [`clas
111111}
112112` ` `
113113
114- React には CSS ファイルの追加方法に関する規則はありません 。最も単純なケースでは、HTML に [` < link> ` ](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link) タグを追加します。ビルドツールやフレームワークを使っている場合は、そちらのドキュメントを参照して 、プロジェクトに CSS ファイルを追加する方法を確認してください。
114+ React は CSS ファイルの追加方法を規定していません 。最も単純なケースでは、HTML に [` < link> ` ](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link) タグを追加します。ビルドツールやフレームワークを使っている場合は、そのドキュメントを参照して 、プロジェクトに CSS ファイルを追加する方法を確認してください。
115115
116116## データの表示 {/*displaying-data*/}
117117
Original file line number Diff line number Diff line change @@ -756,13 +756,13 @@ CSS トランジションイベントのためのイベントハンドラタイ
756756
757757### CSS スタイルの適用 {/* applying-css-styles* /}
758758
759- React では、CSS クラスを [ ` className ` ] ( https://developer.mozilla.org/en-US/docs/Web/API/Element/className ) で指定します。これは HTML の ` class ` 属性と同様に動作します 。
759+ React では、CSS クラスを [ ` className ` ] ( https://developer.mozilla.org/en-US/docs/Web/API/Element/className ) で指定します。これは HTML の ` class ` 属性と同じように動作します 。
760760
761761``` js
762762< img className= " avatar" / >
763763```
764764
765- そして別の CSS ファイルでそれに対する CSS ルールを記述します。
765+ そして、対応する CSS ルールを別の CSS ファイルに記述します:
766766
767767``` css
768768/* In your CSS */
@@ -771,7 +771,7 @@ React では、CSS クラスを [`className`](https://developer.mozilla.org/en-U
771771}
772772```
773773
774- React は CSS ファイルの追加方法を規定しません 。最も単純なケースでは、HTML に [ ` <link> ` ] ( https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link ) タグを追加します。ビルドツールやフレームワークを使用している場合は、そのドキュメンテーションを参照して 、プロジェクトに CSS ファイルを追加する方法を学んでください 。
774+ React は CSS ファイルの追加方法を規定していません 。最も単純なケースでは、HTML に [ ` <link> ` ] ( https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link ) タグを追加します。ビルドツールやフレームワークを使っている場合は、そのドキュメントを参照して 、プロジェクトに CSS ファイルを追加する方法を確認してください 。
775775
776776時には、スタイルの値がデータに依存することがあります。` style ` 属性を使用して、一部のスタイルを動的に渡します。
777777
You can’t perform that action at this time.
0 commit comments