คุณสมบัติตำแหน่ง CSS
ตัวอย่าง
ตำแหน่ง <h2> องค์ประกอบ:
{
position: absolute;
ซ้าย: 100px;
ด้านบน: 150px;
}
ลอง»
ในด้านล่างของหน้านี้ตัวอย่างมากขึ้น
แอตทริบิวต์คำจำกัดความและคำแนะนำ
แอตทริบิวต์ตำแหน่งระบุชนิดขององค์ประกอบนั้น (คงญาติแน่นอนหรือคงที่) วิธีการจัดตำแหน่ง
เริ่มต้น: | คงที่ |
---|---|
มรดก: | ไม่ |
เวอร์ชัน: | CSS2 |
ไวยากรณ์ javascript: | วัตถุ .style.position = "แน่นอน" |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นของทรัพย์สิน
属性 | |||||
---|---|---|---|---|---|
position | 1.0 | 7.0 | 1.0 | 1.0 | 4.0 |
มูลค่าทรัพย์สิน
ความคุ้มค่า | ลักษณะ |
---|---|
แน่นอน | สร้างองค์ประกอบในตำแหน่งที่แน่นอนเมื่อเทียบกับองค์ประกอบหลักเป็นครั้งแรกในตำแหน่งนอกตำแหน่งคงที่ ตำแหน่งขององค์ประกอบโดย "ซ้าย", "top", "สิทธิ" และแอตทริบิวต์ "ด้านล่าง" ระบุ |
คงที่ | สร้างตำแหน่งแน่นอนขององค์ประกอบที่สัมพันธ์กับการวางตำแหน่งหน้าต่างเบราว์เซอร์ ตำแหน่งขององค์ประกอบโดย "ซ้าย", "top", "สิทธิ" และแอตทริบิวต์ "ด้านล่าง" ระบุ |
ญาติ | การสร้างองค์ประกอบตำแหน่งญาติวางตำแหน่งเทียบกับตำแหน่งปกติ ดังนั้น "ซ้าย: 20" เพิ่ม 20 พิกเซลไปที่ตำแหน่งซ้ายขององค์ประกอบ |
คงที่ | ผิดนัด ไม่มีองค์ประกอบตำแหน่งเกิดขึ้นในการไหลปกติ (ไม่สนใจด้านบนด้านล่างซ้ายขวาหรือ Z-ดัชนีคำสั่ง) |
สืบทอด | บทบัญญัติควรสืบทอดตำแหน่งมูลค่าทรัพย์สินจากองค์ประกอบหลัก |
ตัวอย่างเพิ่มเติม
ตำแหน่ง: ญาติ
ตัวอย่างนี้แสดงให้เห็นถึงองค์ประกอบที่สัมพันธ์กับตำแหน่งปกติของวิธีการค้นหา
บทความที่เกี่ยวข้อง
CSS Tutorial: ตำแหน่ง CSS