料理帳テンプレート
訳注: レシピはまず英語版で投稿し、承認を受けてから日本語に翻訳してください。日本語版単独のレシピの投稿はできません。このテンプレートは、レシピの翻訳の参考のために翻訳しているものです。 斜体のコメントは、このテンプレートの使い方についての情報です。
このレシピが解決する問題または、例示しているパターンの説明。
要件
このパターンには含める必要があるもの、または解決する必要がある問題を、ここに列挙してください。
レシピ
サンプルコードを変更してください。最後の引数はライブサンプルの高さであり、必要があれば変更できます。コードブロック内の "Play" をクリックすると、MDN Playground でサンプルを編集可能であることを明記してください。
html
<div class="container">
<div class="item">中央に配置されています！</div>
</div>
css
.container {
border: 2px solid rgb(75 70 74);
border-radius: 0.5em;
height: 200px;
display: flex;
align-items: center;
justify-content: center;
}
.item {
border: 2px solid rgb(95 97 110);
border-radius: 0.5em;
padding: 20px;
width: 10em;
}
選択したもの
パターンを作成したときの決定を説明してください。 なぜその方法を選んだのですか？ここに追加の例 — 例えば代替策を使用した版 — を追加したい場合は、ぜひ追加してください。パターンは非常に単純なものからより複雑なものまで多岐にわたるので、このセクションは意図的に緩めています。
有用な代替策または他の方法
レシピを構築するための有用な他の方法、または対応していないブラウザーに対応する必要がある場合に使用する代替レシピがある場合は、ここに節を分けて掲載してください。
アクセシビリティの考慮
アクセシビリティに関して注意すべき点がある場合に、ここに掲載してください。このパターンに関係がなければ、省略することができます。
関連情報
- 関連プロパティのリンク:
example-property - プロパティの使用方法を示す記事へのリンク: "～の使用の記事"
- とても良い外部リンク。 外部リンクを恐れてはいけませんが、それらは傑出したものであるべきであり、細かい点を述べるだけのものではありません。