คุณสมบัติ align-self CSS
- หน้าที่แล้ว align-items
- หน้าต่อไป all
คำนิยามและการใช้งาน
align-self คุณสมบัติระบุวิธีการจัดตั้งองค์ประกอบที่เลือกในองค์ประกอบยืนยัน
注意:คุณสมบัติ align-self จะแทนที่องค์ประกอบของตัวแทนยืนยัน align-items คุณสมบัติ
ดูเพิ่มเติม:
คู่มือ CSSCSS Grid
คู่มือ CSSCSS Flexbox
คู่มือ CSSคุณสมบัติ align-content
คู่มือ CSSคุณสมบัติ align-items
คู่มือ CSSคุณสมบัติ justifySelf
คู่มือ HTML DOMคุณสมบัติ alignSelf
ตัวอย่าง
จัดตัวแทนที่หนึ่งในระบบอนุรักษ์เศษเศษในกล่องกลาง
#myBlueDiv {
align-self: center;
}
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 | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โดยเห็น: initial。 |
| inherit | จากองค์ประกอบเศษขององค์ประกอบพ่อของมัน โดยเห็น: inherit。 |
รายละเอียดเทคโนโลยี
| ค่าเริ่มต้น: | auto |
|---|---|
| เชื่อมโยง: | ไม่ |
| การสร้างอนุรักษ์: | ไม่สนับสนุน โปรดดู:คุณสมบัติที่เกี่ยวกับอนุรักษ์。 |
| เวอร์ชัน: | CSS3 |
| JavaScript ภาษา: | object.style.alignSelf="center" |
การสนับสนุนโปรแกรมนี้
ตัวเลขในตารางระบุตัวเลขเวอร์ชันแรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 57.0 | 16.0 | 52.0 | 10.1 | 44.0 |
- หน้าที่แล้ว align-items
- หน้าต่อไป all
