例
柔軟のすべての項目のアライメント置き<div>コンテナの先頭に要素を：
// Code for Safari 7.0+
document.getElementById("main").style.WebkitAlignItems = "flex-start";
// Standard syntax
document.getElementById("main").style.alignItems =
"flex-start"; »それを自分で試してみてください 定義と使用法
alignItemsプロパティは、フレキシブルコンテナ内のアイテムのデフォルトの配置を指定します。
Tip: ALIGN-itemsプロパティをオーバーライドするために各アイテムの整列自己プロパティを使用します。
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
Webkitのに続く数字は、接頭辞で働いていた最初のバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| alignItems | 21.0 | 11.0 | 20.0 | 7.0のWebkit | 12.1 |
注意：Safariは、代替、WebkitAlignItemsプロパティをサポートしています。
構文
alignItemsプロパティを返します：
object .style.alignItemsalignItemsプロパティを設定します。
object .style.alignItems="stretch|center|flex-start|flex-end|baseline|initial|inherit"
プロパティ値
| 値 | 説明 |
|---|---|
| stretch | デフォルト。 アイテムは、コンテナに合わせて引き伸ばされ |
| center | アイテムは、コンテナの中心に位置しています |
| flex-start | アイテムは、コンテナの先頭に配置されています |
| flex-end | アイテムは、コンテナの端部に配置されています |
| baseline | アイテムは、コンテナのベースラインに配置されています |
| initial | このプロパティがデフォルト値に設定します。 最初の記事を読みます |
| inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
技術的な詳細
| デフォルト値： | ストレッチ |
|---|---|
| 戻り値： | 要素のALIGN-itemsプロパティを表す文字列、 |
| CSSのバージョン | CSS3 |
関連ページ
CSSリファレンス： align-items property
HTML DOM STYLE参考： alignContent property
HTML DOM STYLE参考： alignSelf property
<スタイルオブジェクト