CSS คุณสมบัติด้านบน
ตัวอย่าง
ขอบบนของภาพจะถูกกำจัดด้านล่างขอบบนของมันมีองค์ประกอบ 5 พิกเซลตำแหน่งที่สูง:
img
{
position: absolute;
ด้านบน: 5px;
}
{
position: absolute;
ด้านบน: 5px;
}
ลอง»
แอตทริบิวต์คำจำกัดความและคำแนะนำ
แอตทริบิวต์ด้านบนระบุขอบด้านบนขององค์ประกอบ คุณลักษณะนี้กำหนดองค์ประกอบการวางตำแหน่งของขอบบนพรมแดนระหว่างเขตแดนบล็อกชดเชยประกอบด้วยของมัน
องค์ประกอบนิยามญาติถ้าบนและด้านล่างอัตโนมัติแล้วค่าคำนวณเป็น 0 ถ้าหนึ่งในนั้นคืออัตโนมัติจากนั้นนำค่าหมายเลขอื่นตรงข้ามถ้าไม่เป็นรถยนต์ด้านล่างจะใช้เวลาคุ้มค่าด้านบน จำนวนตรงข้าม
หมายเหตุ: หากมีค่าเป็น "คงที่" ตำแหน่ง "" ทรัพย์สินนั้นตั้งค่าคุณสมบัติ "ด้านบน" ไม่มีผล
เริ่มต้น: | รถยนต์ |
---|---|
มรดก: | ไม่ |
เวอร์ชัน: | CSS2 |
ไวยากรณ์ javascript: | วัตถุ .style.top = "50px" |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นของทรัพย์สิน
属性 | |||||
---|---|---|---|---|---|
top | 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
มูลค่าทรัพย์สิน
ความคุ้มค่า | ลักษณะ |
---|---|
รถยนต์ | ผิดนัด การคำนวณบนขอบของที่ตั้งของเบราว์เซอร์ |
% | ตั้งเป็นร้อยละของตำแหน่งบนมีองค์ประกอบเมตร คุณสามารถใช้เป็นค่าลบ |
ความยาว | ใช้ PX, ซม. และหน่วยงานอื่น ๆ ที่กำหนดตำแหน่งบนสุดขององค์ประกอบ คุณสามารถใช้เป็นค่าลบ |
สืบทอด | บทบัญญัติควรสืบทอดค่าของคุณสมบัติด้านบนจากองค์ประกอบหลัก |
บทความที่เกี่ยวข้อง
CSS Tutorial: ตำแหน่ง CSS