คุณสมบัติCSS ด้านล่าง
ตัวอย่าง
ตั้งค่าขอบด้านล่างขององค์ประกอบ <div> เป็น 10px เหนือขอบด้านล่างขององค์ประกอบหลักที่ใกล้ที่สุดด้วยการวางตำแหน่งบางส่วน:
div.absolute {
position: absolute;
bottom:
10px;
width: 50%;
border: 3px solid #8AC007;
}
ความหมายและการใช้งาน
คุณสมบัติbottom
นี้ส่งผลต่อตำแหน่งแนวตั้งขององค์ประกอบที่อยู่ในตำแหน่ง คุณสมบัตินี้ไม่มีผลกับองค์ประกอบที่ไม่มีตำแหน่ง
- ถ้าตำแหน่ง: สัมบูรณ์; หรือตำแหน่ง: คงที่; -
bottom
คุณสมบัติกำหนดขอบด้านล่างขององค์ประกอบเป็นหน่วยด้านบน/ด้านล่างขอบด้านล่างของบรรพบุรุษตำแหน่งที่ใกล้ที่สุด - ถ้าตำแหน่ง: ญาติ; -
bottom
คุณสมบัติทำให้ขอบด้านล่างขององค์ประกอบเลื่อนขึ้น/ลงในตำแหน่งปกติ - ถ้าตำแหน่ง: เหนียว; -
bottom
คุณสมบัติทำงานเหมือนกับตำแหน่งของมันสัมพันธ์กันเมื่อองค์ประกอบอยู่ภายในวิวพอร์ต และเหมือนกับตำแหน่งที่ได้รับการแก้ไขเมื่ออยู่ภายนอก - ถ้าตำแหน่ง: คงที่; -
bottom
ทรัพย์สินไม่มีผล
ค่าเริ่มต้น: | รถยนต์ |
---|---|
รับการถ่ายทอด: | ไม่ |
เคลื่อนไหวได้: | ใช่. อ่านเกี่ยวกับแอนิเมชั่น |
รุ่น: | CSS2 |
ไวยากรณ์ JavaScript: | วัตถุ .style.bottom="10px" |
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนคุณสมบัติอย่างสมบูรณ์
Property | |||||
---|---|---|---|---|---|
bottom | 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
ไวยากรณ์ CSS
bottom: auto|length|initial|inherit;
มูลค่าทรัพย์สิน
Value | Description | Play it |
---|---|---|
auto | Lets the browser calculate the bottom edge position. This is default | |
length | Sets the bottom edge position in px, cm, etc. Negative values are allowed. Read about length units | |
% | Sets the bottom edge position in % of containing element. Negative values are allowed | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
หน้าที่เกี่ยวข้อง
กวดวิชา CSS: การจัดตำแหน่ง CSS
การอ้างอิง CSS: คุณสมบัติด้านบน
การอ้างอิง CSS: เหลือคุณสมบัติ
การอ้างอิง CSS: คุณสมบัติที่ถูกต้อง
การอ้างอิง HTML DOM: คุณสมบัติด้านล่าง