# ヒント

ヒント（コールアウト）は、ヒント、警告、その他重要な情報など、ドキュメント内の特定の要素に読者の注意を引くのに最適な方法です。

ヒントには4つの異なるスタイルがあり、色付きアイコンをクリックするか、ブロックの **オプションメニュー** <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FaS1QvPIBVYwhpFTGcPBN%2Foptions-menu.svg?alt=media&#x26;token=3ee40bbf-f4fb-41fa-aa30-306b559cbe88" alt="The Options menu icon in GitBook"></picture> を開いて希望するスタイルを選択することでスタイルを変更できます。

ヒントブロックは次をサポートします [インラインコンテンツ](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/formatting/inline) および [書式設定](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/formatting)、およびいくつかの特定のブロックタイプもサポートします。ヒントで使用できるブロックタイプを確認するには、空の行で `/` を押して、 [挿入パレット](https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/documentation/ja-gitbook-documentation/creating-content/blocks/..#inserting-a-new-content-block).

### ヒントブロックの例 <a href="#example-of-a-hint" id="example-of-a-hint"></a>

{% hint style="info" %}
**情報（Info）ヒント** は一般的な情報を示したり、ヒントやコツを提供したりするのに適しています。
{% endhint %}

{% hint style="success" %}
**成功（Success）ヒント** は肯定的な行動や成果を示すのに適しています。
{% endhint %}

{% hint style="warning" %}
**警告（Warning）ヒント** は重要な情報や重大でない警告を示すのに適しています。
{% endhint %}

{% hint style="danger" %}
**危険（Danger）ヒント** は破壊的な行為を強調したり、重大な情報に注意を喚起したりするのに適しています。
{% endhint %}

{% hint style="info" %}
**これはH2見出しです**

これは1行です

これはインラインの <img src="https://4217681718-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F0FzoF68PAY3Rv297meNB%2Fcommand.svg?alt=media&#x26;token=b07ff261-6e28-4879-8ab1-039a49f6ab41" alt="The Apple computer command icon" data-size="line"> 画像

* これは2番目の <mark style="color:オレンジ;background-color:purple;">箇条書きと色を使った行です</mark>
  {% endhint %}

ヒントに見出しを追加するには、ヒント内の最初のブロックとして見出しブロックを作成する必要があります。

### Markdownでの表現

```markdown
{% hint style="info" %}
**情報（Info）ヒント**は一般的な情報を示したり、ヒントやコツを提供したりするのに適しています。
{% endhint %}

{% hint style="success" %}
**成功（Success）ヒント**は肯定的な行動や成果を示すのに適しています。
{% endhint %}

{% hint style="warning" %}
**警告（Warning）ヒント**は重要な情報や重大でない警告を示すのに適しています。
{% endhint %}

{% hint style="danger" %}
**危険（Danger）ヒント**は破壊的な行為を強調したり、重大な情報に注意を喚起したりするのに適しています。
{% endhint %}

{% hint style="info" %}

## これはH2見出しです

これは1行です

これはインラインの <img src="../../.gitbook/assets/25_01_10_command_icon_light.svg" alt="The Apple computer command icon" data-size="line"> 画像です

- これは2番目の <mark style="color:orange;background-color:purple;">箇条書きと色を使った行</mark>
{% endhint %}
```
