ตัวอย่าง
เปลี่ยนตำแหน่งของที่ <div> องค์ประกอบจากญาติไปแน่นอน:
document.getElementById("myDIV").style.position = "absolute";
ลองตัวเอง» ความหมายและการใช้งาน
ชุดคุณสมบัติตำแหน่งหรือผลตอบแทนประเภทของวิธีการจัดตำแหน่งที่ใช้สำหรับองค์ประกอบ (static, relative, absolute or fixed)
สนับสนุนเบราว์เซอร์
คุณสมบัติตำแหน่งที่ได้รับการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด
วากยสัมพันธ์
กลับตำแหน่งสถานที่:
object .style.position
ตั้งตำแหน่งสถานที่:
object .style.position="static|absolute|fixed|relative|initial|inherit"
ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ |
|---|---|
| static | องค์ประกอบวาทกรรมในการสั่งซื้อตามที่ปรากฏในการไหลของเอกสาร นี้จะเริ่มต้น |
| absolute | องค์ประกอบที่อยู่ในตำแหน่งที่เมื่อเทียบกับครั้งแรกในตำแหน่งของมัน (not static) องค์ประกอบบรรพบุรุษ |
| fixed | องค์ประกอบที่อยู่ในตำแหน่งที่สัมพันธ์กับหน้าต่างเบราว์เซอร์ |
| relative | องค์ประกอบที่อยู่ในตำแหน่งเทียบกับตำแหน่งปกติดังนั้น "left:20" เพิ่ม 20 พิกเซลไปยังตำแหน่งซ้ายขององค์ประกอบ |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
รายละเอียดทางเทคนิค
| ราคาเริ่มต้น: | คงที่ |
|---|---|
| กลับค่า: | สตริงที่เป็นตัวแทนของประเภทตำแหน่งขององค์ประกอบ |
| CSS รุ่น | CSS2 |
ตัวอย่างอื่น ๆ
ตัวอย่าง
ใช้ตำแหน่งประเภทที่แตกต่างกัน
function myFunction(x) {
var whichSelected = x.selectedIndex;
var posVal = x.options[whichSelected].text;
var elem =
document.getElementById("myDiv");
elem.style.position=posVal;
}
ลองตัวเอง» ตัวอย่าง
กลับไปตำแหน่งที่ <h2> องค์ประกอบ:
alert(document.getElementById("myH2").style.position); ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
CSS กวดวิชา: ตำแหน่ง CSS
อ้างอิง CSS: position property
<สไตล์วัตถุ