Style right คุณสมบัติ
- পূর্ববর্তী পৃষ্ঠা resize
- পরবর্তী পৃষ্ঠা scrollBehavior
- একত্রীকরণ করুন HTML DOM Style অবজেক্ট
คำนำออกและวิธีใช้
right
ตั้งค่าหรือส่งกลับตำแหน่งด้านขวาขององค์ประกอบที่ถูกตำแหน่ง
คุณสมบัตินี้กำหนดตำแหน่งด้านขวาขององค์ประกอบ รวมถึงเส้นใต้ระดับด้านใน (padding), สไตล์ของตะกร้าหมุน (scrollbar), ชายขอบ (border), และเมื่อเรือน (margin)
คำเตือน:องค์ประกอบที่ตำแหน่งถูกกำหนดโดยคุณสมบัติ position ว่าrelative
、absolute
หรือ fixed
องค์ประกอบ
คำเตือน:เพื่อตั้งค่าหรือส่งกลับตำแหน่งด้านซ้ายขององค์ประกอบที่ถูกตำแหน่ง ใช้ คุณสมบัติ left。
ดูเพิ่มเติม:
เรียนรู้ CSS:CSS ตำแหน่ง
คู่มือ CSS:คุณสมบัติ right
ตัวอย่าง
ตัวอย่าง 1
ตั้งค่าตำแหน่งด้านขวาของ <div> อิเลเมนต์:
document.getElementById("myDIV").style.right = "100px";
ตัวอย่าง 2
ใช้ค่าลบ - ตั้งค่าตำแหน่งด้านขวาของ <div> อิเลเมนต์:
document.getElementById("myDiv").style.right = "-100px";
ตัวอย่าง 3
ส่งกลับตำแหน่งด้านขวาของ <div> อิเลเมนต์:
alert(document.getElementById("myDiv").style.right);
วิธีใช้
ส่งกลับคุณสมบัติ right:
object.style.right
ตั้งค่าคุณสมบัติ right:
object.style.right = "auto|length|%|initial|inherit"
ค่าของคุณสมบัติ
ค่า | บรรยาย |
---|---|
auto | ให้บราวซ์เซอร์ตั้งค่าตำแหน่งด้านขวา |
length | กำหนดตำแหน่งด้านขวาด้วยหน่วยมาตรายาว。ยอมรับค่าลบ |
% | ตั้งค่าตำแหน่งด้านขวาด้วยเปอร์เซ็นต์ของความกว้างขององค์ประกอบพ่อ |
initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้นของมัน。ดู initial。 |
inherit | มีสมมุติสิทธิ์ที่จะสืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของมัน。ดู inherit。 |
รายละเอียดเทคนิค
ค่าเริ่มต้น: | auto |
---|---|
ค่าที่ส่งกลับมา: | ข้อความสตริง,แสดงถึงตำแหน่งด้านขวาขององค์ประกอบที่ถูกตำแหน่ง |
CSS สัญญาณ: | CSS2 |
�্রาวซ์เซอร์ สนับสนุน
চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
---|---|---|---|---|
চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
- পূর্ববর্তী পৃষ্ঠা resize
- পরবর্তী পৃষ্ঠা scrollBehavior
- একত্রীকরণ করুন HTML DOM Style অবজেক্ট