ตัวอย่าง
ตั้งค่าการจัดแนวสำหรับหนึ่งในรายการที่อยู่ภายในเป็นองค์ประกอบที่มีความยืดหยุ่นเพื่อให้พอดีกับภาชนะ:
// 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.alignSelfตั้ง alignSelf ทรัพย์สิน:
object .style.alignSelf="auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"
ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ |
|---|---|
| auto | ค่าเริ่มต้น. องค์ประกอบที่สืบทอดคุณสมบัติจัดรายการภาชนะแม่หรือ "stretch" ถ้ามันมีคอนเทนเนอร์หลักไม่มี |
| stretch | องค์ประกอบที่อยู่ในตำแหน่งเพื่อให้พอดีกับ conatiner |
| center | องค์ประกอบที่อยู่ในตำแหน่งที่เป็นศูนย์กลางของภาชนะ |
| flex-start | องค์ประกอบที่จะอยู่ในตำแหน่งที่จุดเริ่มต้นของภาชนะ |
| flex-end | องค์ประกอบที่อยู่ในตำแหน่งที่ส่วนท้ายของภาชนะ |
| baseline | องค์ประกอบที่อยู่ในตำแหน่งที่พื้นฐานของภาชนะ |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
รายละเอียดทางเทคนิค
| ราคาเริ่มต้น: | รถยนต์ |
|---|---|
| กลับค่า: | สตริงที่เป็นตัวแทนของสถานที่ให้บริการจัดตนเองขององค์ประกอบ |
| CSS รุ่น | CSS3 |
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง CSS: align-self property
HTML DOM สไตล์อ้างอิง: alignContent property
HTML DOM อ้างอิงสไตล์: alignItems property
<สไตล์วัตถุ