รายการ Style alignSelf

การเรียกใช้และการประกาศ

alignSelf รายการนี้กำหนดวิธีการจัดลำดับขององค์ประกอบที่เลือกในโกดังยอดเริ่มต้น

หมายเหตุ:รายการ alignSelf จะทำให้รายการที่เลือกของโกดังที่มีอยู่เหนือคุณสมบัติ align-items ของโกดัง alignItems รายละเอียด.

ตัวอย่าง

ตั้งค่าวิธีการจัดลำดับขององค์ประกอบภายในองค์ประกอบยอดเริ่มต้นเพื่อให้เข้ากับโกดัง:

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 รายละเอียด