B. CSSプロパティページ用テンプレ

タイトル（H1）
{{プロパティ名}}

何に効く？（1〜2行）
{{超要約：どの文脈で使い、何を調整できるか}}

最小サンプル（コピペ可）

<div class="box">A</div>
<div class="box">B</div>

.container {
  display: {{flexやgridなど}};
  {{プロパティ名}}: {{代表値}};
}
.box { padding: 8px; border: 1px solid #ccc; }

よく使う値と挙動

• {{値1}}：{{効果}}
• {{値2}}：{{効果}}

実務のコツ・落とし穴

• {{例：flex-basisとwidthの優先関係 / 最小サイズの影響}}
• {{例：gapはFlex/Grid両方で効くが旧ブラウザ注意 など}}