例
柔軟な要素の中のいずれかの項目のためのアライメントをセンター:
#myBlueDiv
{
-webkit-align-self: center; /* Safari 7.0+ */
align-self: center;
}
»それを自分で試してみてください 定義と使用法
ALIGN-自己の宿泊施設には、フレキシブルコンテナ内部の選択した項目の配置を指定します。
Note:整列自己の宿泊施設には、フレキシブルコンテナのアライン-itemsプロパティをオーバーライドします。
デフォルト値: | auto |
---|---|
継承されました: | no |
アニメーション: | no. Read about animatable |
バージョン: | CSS3 |
JavaScriptシンタックス: | object .style.alignSelf="center" Try it |
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
-webkit-に続く数字は接頭辞で働いていた最初のバージョンを指定します。
プロパティ | |||||
---|---|---|---|---|---|
align-self | 21.0 | 11.0 | 20.0 | 9.0 7.0 -webkit- | 12.1 |
CSSの構文
align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;
プロパティ値
値 | 説明 | それを再生します |
---|---|---|
auto | デフォルト。 要素は、その親コンテナのALIGN-itemsプロパティを継承する、または"stretch"それは親コンテナを持っていない場合 | それを再生します» |
stretch | 要素は、容器に適合するように配置されています | それを再生します» |
center | 要素は、容器の中央に位置しています | それを再生します» |
flex-start | 要素は、コンテナの先頭に配置されているされています | それを再生します» |
flex-end | 要素は、容器の端部に配置されています | それを再生します» |
baseline | 要素は、容器のベースラインに配置されています | それを再生します» |
initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます | それを再生します» |
inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
関連ページ
CSSリファレンス: align-content property
CSSリファレンス: align-items property
HTML DOMリファレンス: alignSelf property