alignSelf
Misol
Flex element ichidagi elementlardan birining tekislanishini konteynerga moslashadigan qilib o‘rnating:
document.getElementById("myBlueDiv").style.alignSelf = "stretch";O‘zingiz sinab ko‘ring »
Tavsif
alignSelf xususiyati flex konteyner ichidagi tanlangan element uchun tekislanishni belgilaydi.
Eslatma: alignSelf xususiyati flex konteynerning alignItems xususiyatini qayta belgilaydi.
Sintaksis
alignSelf xususiyatini qaytarish:
object.style.alignSelf
alignSelf xususiyatini o‘rnatish:
object.style.alignSelf = "auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| auto | Standart. Element ota konteynerining align-items xususiyatini meros qilib oladi, ota konteyneri bo‘lmasa — "stretch" |
| stretch | Element konteynerga moslashadigan qilib joylashadi |
| center | Element konteyner markazida joylashadi |
| flex-start | Element konteyner boshida joylashadi |
| flex-end | Element konteyner oxirida joylashadi |
| baseline | Element konteynerning tayanch chizig‘i (baseline) bo‘yicha joylashadi |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Texnik tafsilotlar
| Standart qiymat: | auto |
|---|---|
| Qaytariladigan qiymat: | Elementning align-self xususiyatini ifodalovchi String |
| CSS versiyasi | CSS3 |
Brauzerlarda qo‘llab-quvvatlash
alignSelf — CSS3 (1999) imkoniyati.
U barcha brauzerlarda to‘liq qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 11 |
Tegishli sahifalar
CSS ma’lumotnomasi: align-self xususiyati
HTML DOM STYLE ma’lumotnomasi: alignContent xususiyati
HTML DOM STYLE ma’lumotnomasi: alignItems xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!