テンプレート:Flex-item start/docのソースを表示

{{documentation subpage|種類=[[ヘルプ:テンプレート|テンプレート]]}}
{{tsh|Flxi(}}
複数の[[HTML要素|要素]]をまとめて、{{tlx|Flexbox}}や{{tlx|Flexbox start}} & {{tlx|Flexbox end}}の子要素として扱うために使用するテンプレートです。かならず{{tlx|Flex-item end}}とペアで使用してください。

{{Flex-item/doc/general}}
== テンプレートデータ ==
{{TemplateData header}}
<templatedata>
{
  "description": "{{Flexbox}}などと組み合わせて、{{flex-item end}}とペアで使うテンプレートです。",
  "params": {
    "basis": {
      "label": "基本サイズ",
      "description": "CSSのflex-basisプロパティ。親の{{Flexbox}}に |wrap=nowrap が指定されていない場合、最小サイズに近い働きとなる。",
      "type": "string",
      "suggested": true,
      "default": "30em",
      "example": "auto"
    },
    "grow": {
      "label": "伸長係数",
      "description": "CSSのflex-growプロパティ。",
      "type": "number",
      "default": "1"
    },
    "shrink": {
      "label": "縮小係数",
      "description": "CSSのflex-shrinkプロパティ。",
      "type": "number",
      "default": "0"
    },
     "max-width": {
      "label": "最大幅",
      "description": "要素の最大幅。主に要素内の余白の発生を抑えるために用いる。",
      "type": "string",
      "suggested": true,
	  "autovalue": "fit-content",
      "suggestedvalues": [
        "max-content",
        "fit-content",
        "min-content"
      ]
    },
    "margin-right-ie": {
      "label": "IE用右マージン",
      "description": "Flexboxの要素間の空白（gap）指定に対応していないInternet ExplorerやAndroid 4.4のための右マージン指定",
      "type": "string",
      "suggested": true,
      "default": "1em"
    },
    "margin-bottom-ie": {
      "label": "IE用下マージン",
      "description": "Flexboxの要素間の空白（gap）指定に対応していないInternet ExplorerのAndroid 4.4ための下マージン指定",
      "type": "string",
      "default": "0"
    },
    "style": {
      "label": "style",
      "description": "任意のCSSプロパティ",
      "type": "string",
      "required": false,
      "example": "border: 1px dashed #888;"
    }
    }
}
</templatedata>

== 注釈 ==
{{notelist2}}

== 関連項目 ==
{{Column-generating template families}}

== 外部リンク ==
[https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax 主軸に沿ったフレックスアイテムの比率の制御] - [[MDN Web Docs]]
<includeonly>{{sandbox other||
[[Category:レイアウト用テンプレート]]
}}</includeonly>