Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions src/content/learn/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -96,13 +96,13 @@ JSX に変換しないといけない HTML がたくさんある場合は、[オ

## スタイルの追加 {/*adding-styles*/}

React では、CSS クラスを `className` で指定します。HTML の [`class`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) 属性と同じ方法で動作します
React では、CSS クラスを `className` で指定します。HTML の [`class`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class) 属性と同じように動作します

```js
<img className="avatar" />
```

そして、別の CSS ファイルに対応する CSS ルールを記述します
そして、対応する CSS ルールを別の CSS ファイルに記述します

```css
/* In your CSS */
Expand All @@ -111,7 +111,7 @@ React では、CSS クラスを `className` で指定します。HTML の [`clas
}
```

React には CSS ファイルの追加方法に関する規則はありません。最も単純なケースでは、HTML に [`<link>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link) タグを追加します。ビルドツールやフレームワークを使っている場合は、そちらのドキュメントを参照して、プロジェクトに CSS ファイルを追加する方法を確認してください。
React CSS ファイルの追加方法を規定していません。最も単純なケースでは、HTML に [`<link>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link) タグを追加します。ビルドツールやフレームワークを使っている場合は、そのドキュメントを参照して、プロジェクトに CSS ファイルを追加する方法を確認してください。

## データの表示 {/*displaying-data*/}

Expand Down
6 changes: 3 additions & 3 deletions src/content/reference/react-dom/components/common.md
Original file line number Diff line number Diff line change
Expand Up @@ -756,13 +756,13 @@ CSS トランジションイベントのためのイベントハンドラタイ

### CSS スタイルの適用 {/*applying-css-styles*/}

React では、CSS クラスを [`className`](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) で指定します。これは HTML の `class` 属性と同様に動作します
React では、CSS クラスを [`className`](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) で指定します。これは HTML の `class` 属性と同じように動作します

```js
<img className="avatar" />
```

そして別の CSS ファイルでそれに対する CSS ルールを記述します。
そして、対応する CSS ルールを別の CSS ファイルに記述します:

```css
/* In your CSS */
Expand All @@ -771,7 +771,7 @@ React では、CSS クラスを [`className`](https://developer.mozilla.org/en-U
}
```

React は CSS ファイルの追加方法を規定しません。最も単純なケースでは、HTML に [`<link>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link) タグを追加します。ビルドツールやフレームワークを使用している場合は、そのドキュメンテーションを参照して、プロジェクトに CSS ファイルを追加する方法を学んでください
React は CSS ファイルの追加方法を規定していません。最も単純なケースでは、HTML に [`<link>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link) タグを追加します。ビルドツールやフレームワークを使っている場合は、そのドキュメントを参照して、プロジェクトに CSS ファイルを追加する方法を確認してください

時には、スタイルの値がデータに依存することがあります。`style` 属性を使用して、一部のスタイルを動的に渡します。

Expand Down
Loading