Style alignSelf 属性
- 前のページ alignItems
- 次のページ animation
- 上一層に戻る HTML DOM Styleオブジェクト
例
コンテナに適応するために、エラストイック要素内の項目にアライメントを設定します：
document.getElementById("myBlueDiv").style.alignSelf = "stretch";
構文
alignSelf 属性の返り値：
object.style.alignSelf
alignSelf 属性の設定：
object.style.alignSelf = "auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"
属性値
| 値 | 説明 |
|---|---|
| auto | デフォルト。要素は親コンテナの align-items 属性を継承します。親コンテナがない場合、"stretch"になります。 |
| stretch | 要素はコンテナに適応するために伸びます。 |
| center | 要素はコンテナの中心に位置します。 |
| flex-start | 要素はコンテナの先頭に位置します。 |
| flex-end | 要素はコンテナの末尾に位置します。 |
| baseline | 要素はコンテナのベースラインに位置します。 |
| initial | この属性をデフォルト値に設定します。参照してください initial。 |
| inherit | この属性は親要素からこの属性を継承します。参照してください inherit。 |
技術的詳細
| デフォルト値： | auto |
|---|---|
| 返り値： | 文字列、要素の align-self 属性。 |
| CSS バージョン： | CSS3 |
ブラウザサポート
alignItems CSS3 (1999) 特徴です。
すべてのブラウザが完全にサポートしています：
| Chrome | Edge | Firefox | Safari | Opera | IE |
|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera | IE |
| サポート | サポート | サポート | サポート | サポート | 11 |
関連ページ
CSS 参考手册：align-self 属性
HTML DOM STYLE 参考マニュアル：alignContent 属性
HTML DOM STYLE 参考マニュアル：alignItems 属性
- 前のページ alignItems
- 次のページ animation
- 上一層に戻る HTML DOM Styleオブジェクト
