Cookbook template

: これは CSS 料理帳のページのテンプレートページです。 新しい料理帳のページを作成するときに、これを生のテンプレートとして使用してください。
イタリック体のコメントは、テンプレートの一部の使い方に関する情報です。

このレシピが解決する問題の説明または、あなたが実証しているパターンの説明。

Requirements

このパターンには何を含める必要がありますか、それともどのような問題を解決する必要がありますか? それをここにリストします。

Recipe

下の例のパスを変更して、マージされた例を指すようにします。 最後のパラメータは実際のサンプルの高さで、必要に応じて変更できます。

マージされたダウンロードバージョンを指すようにリンクを変更します。

Download the example

Choices made

パターンを作成したときの決定を説明してください。 なぜあなたは特定の方法を選んだのですか? あなたがここに追加の例を追加したい場合 — 例えば代替のあるバージョン — ぜひ追加してください。 パターンは非常に単純なものからより複雑なものまで多岐にわたるので、このセクションは意図的に緩めています。

Useful fallbacks or alternative methods

レシピを構築するための有用な代替方法、またはサポートしていないブラウザーをサポートする必要がある場合に使用する代替レシピがある場合は、それらをここの別のセクションに含めてください。

Accessibility concerns

アクセシビリティに関して注意すべき点がある場合に、これを含めます。 あなたのパターンに関係がなければ、これは省略することができます。

Browser compatibility

BCD tables only load in the browser

The various layout methods have different browser support. See the charts below for details on basic support for the properties used.

以下の例で align-items を含めたように、使用した重要なプロパティの互換データ(compat data)を含めます。

align-items

See also

  • 関連プロパティのリンク: example-property
  • コンテキストでプロパティを使用方法を示す記事へのリンク: "Using … article"
  • 非常に良い外部リンク。 外部リンクを恐れてはいけませんが、それらは傑出したものであるべきであり、細かい点を述べるだけのものではありません。