CSS right คุณสมบัติ

  • เพิ่มขนาด resize
  • หน้าต่อไป rotate

การกำหนดและการใช้งาน

ความยาวขอบขวากำหนดความยาวของขององค์ประกอบตามขอบขวาของโซนที่องค์ประกอบอยู่

หมายเหตุ:ถ้าค่าของตัวแปร position คือ static การตั้งค่าความยาวขอบขวาจะไม่มีผล

คำอธิบาย

สำหรับองค์ประกอบที่เป็น static ค่าจะเป็น auto สำหรับค่าความยาว สำหรับค่าเปอร์เซ็นต์ ค่าจะเป็นค่าที่กำหนด และอื่น ๆ จะเป็น auto

สำหรับองค์ประกอบที่ถูกกำหนดให้เป็นอิสระ ค่าคำนวณของ left จะเท่ากับ right ตลอดเวลา

ดูเพิ่มเติมที่:

เรียน CSSการจัดตำแหน่ง CSS

คู่มือ HTML DOMความยาวขอบขวา

ตัวอย่าง

ตั้งเส้นขอบขวาของภาพให้อยู่ที่ 5 พิกเซลมาจากขอบขวาขององค์ประกอบที่มีความกว้าง

img
  {
  position:absolute;
  right:5px;
  }

ทดลองด้วยตัวเอง

ระบบสัญลักษณ์ CSS

right: auto|length|initial|inherit;

ค่าของอุปกรณ์

ค่า รายละเอียด
auto ค่าเริ่มต้น
% ตั้งค่าตำแหน่งของขององค์ประกอบด้วยสัดส่วนของขององค์ประกอบทั้งหมด สามารถใช้ค่าลบได้
length ตั้งค่าตำแหน่งของขององค์ประกอบด้วยหน่วยเมตรเช่น px, cm และอื่น ๆ สามารถใช้ค่าลบได้
inherit กำหนดให้มีค่าจากเคลื่อนไหวขององค์ประกอบต้นเพื่อค่าของความยาวทางขวาของ right ขององค์ประกอบ

รายละเอียดเทคนิค

ค่าเริ่มต้น: auto
เชื่อมโยงต่อราก: no
เวอร์ชั่น: CSS2
JavaScript ระบบสัญลักษณ์: object.style.right="50px"

ตัวอย่างเพิ่มเติม

การตั้งเส้นขอบขวาของภาพด้วยค่าคงที่
ตัวอย่างนี้แสดงวิธีการใช้ค่าคงที่ตั้งเส้นขอบขวาของภาพ
การตั้งเส้นขอบขวาของภาพด้วยสัดส่วน
ตัวอย่างนี้แสดงวิธีการใช้สัดส่วนเพื่อตั้งเส้นขอบขวาของภาพ

การสนับสนุนโดยบราวเซอร์

ตัวเลขในตารางระบุเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้ทั้งหมด。

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 5.0
  • เพิ่มขนาด resize
  • หน้าต่อไป rotate