Exemplu
Setați alinierile pentru unul dintre elementele din interiorul unui element de flexibil pentru a se potrivi containerului:
// Code for Safari 7.0+
document.getElementById("myBlueDiv").style.WebkitAlignSelf = "stretch";
// Standard syntax
document.getElementById("myBlueDiv").style.alignSelf = "stretch"; Încearcă - l singur » Definiție și utilizare
Proprietatea alignSelf specifica alinierea pentru elementul selectat în interiorul containerului flexibil.
Note: Proprietatea alignSelf suprascrie proprietatea alignItems containerului flexibil lui.
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Numerele urmate de Webkit specifica prima versiune care a lucrat cu un prefix.
| Proprietate | |||||
|---|---|---|---|---|---|
| alignSelf | 21.0 | 11.0 | 20.0 | 7.0 Webkit | 12.1 |
Notă: Safari susține o alternativă, proprietatea WebkitAlignSelf.
Sintaxă
Întoarcere proprietatea alignSelf:
object .style.alignSelfSetați proprietatea alignSelf:
object .style.alignSelf="auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"
Valori de proprietate
| Valoare | Descriere |
|---|---|
| auto | Mod implicit. Elementul moștenește recipientul său părinte proprietatea align-elemente, sau "stretch" în cazul în care nu are nici un recipient mamă |
| stretch | Elementul este poziționat pentru a se potrivi conatiner |
| center | Elementul este poziționat în centrul containerului |
| flex-start | Elementul este sunt poziționate la începutul containerului |
| flex-end | Elementul este poziționat la capătul containerului |
| baseline | Elementul este poziționat la linia de bază a containerului |
| initial | Setează această proprietate la valoarea implicită. Citiți despre inițială |
| inherit | Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc |
Detalii tehnice
| Valoare implicită: | auto |
|---|---|
| Întoarcere Valoare: | Un șir, care reprezintă proprietatea Align auto a unui element |
| CSS Versiune | CSS3 |
Pagini similare
Referință CSS: align-self property
HTML DOM STYLE Referinta: alignContent property
HTML DOM STYLE Reference: alignItems property
<Style Object