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