CSS ระบุ bottom
- หน้าก่อน border-width
- หน้าต่อไป box-decoration-break
คำหมายและการใช้งาน
คุณสมบัติ bottom กำหนดเขตของมุมล่างขององค์ประกอบ คุณสมบัตินี้กำหนดการเคลื่อนไหวของเขตมุมล่างของมุมต่างๆขององค์ประกอบ
หมายเหตุถ้าค่าของคุณสมบัติ position คือ "static" การตั้งค่าคุณสมบัติ bottom จะไม่มีผล
คำอธิบาย
สำหรับองค์ประกอบที่มีการกำหนดเชิง static ให้ค่า auto สำหรับองค์ประกอบที่มีค่าขนาดเป็นค่ายาวเป็นค่ายาวที่เท่ากัน สำหรับอัตราส่วนเปอร์เซ็นต์เป็นค่าที่กำหนด สำหรับอื่น ๆ ให้ค่า auto
สำหรับองค์ประกอบที่มีการกำหนดเชิงเรlatiเว
ดูเพิ่มเติม
ตัวอย่าง CSSการจัดตำแหน่ง CSS
คู่มืออ้างอิง HTML DOMคุณสมบัติ bottom
ตัวอย่าง
ตั้งค่าของมุมล่างของภาพด้วยตำแหน่งพื้นที่ 5 พิกเซลต่อขึ้นมาจากมุมล่างขององค์ประกอบที่มีขนาดเท่ากัน
img
{
position:absolute;
bottom:5px;
}
ระบบแสดงความเห็น CSS
bottom: auto|length|initial|inherit;
ค่าระบุคุณสมบัติ
| ค่า | รายละเอียด |
|---|---|
| auto | ค่าเริ่มต้น |
| % | ตั้งค่าตำแหน่งด้านล่างขององค์ประกอบด้วยอัตราส่วนขององค์ประกอบเนื่องจากขนาดขององค์ประกอบ สามารถใช้ค่าลบได้ |
| length | ตั้งค่าตำแหน่งด้านล่างขององค์ประกอบด้วยหน่วยเมตรเช่น px, cm และอื่น ๆ สามารถใช้ค่าลบได้ |
| inherit | กำหนดให้ตัวแทนที่ต้องการมีค่า bottom ที่สืบทอดมาจากตัวแทนพ่อ |
รายละเอียดเทคนิค
| ค่าเริ่มต้น: | auto |
|---|---|
| เชื่อมโยง: | no |
| เวอร์ชั่น: | CSS2 |
| ระบบแสดงความเห็น JavaScript: | object.style.bottom="50px" |
ตัวอย่างเพิ่มเติม
- การตั้งค่าของมุมล่างของภาพด้วยค่าพิกเซล
- ตัวอย่างนี้แสดงว่าเธอจะตั้งค่าของมุมล่างของภาพด้วยค่าพิกเซล
- การตั้งค่าของมุมล่างของภาพด้วยอัตราส่วนเปอร์เซ็นต์
- ตัวอย่างนี้แสดงว่าเธอจะตั้งค่าของมุมล่างของภาพด้วยอัตราส่วนเปอร์เซ็นต์
การสนับสนุนโดยบราวเซอร์
ตัวเลขในตารางบอกว่าบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้ทั้งหมด
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
- หน้าก่อน border-width
- หน้าต่อไป box-decoration-break
