CSS ระบุรูปแบบเขื่อนด้านขวา

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

border-right-style กำหนดรูปแบบเข็มขัดขวาขององค์ประกอบ

เข็มขัดจะแสดงขึ้นเมื่อค่านี้ไม่ใช่ none

ใน CSS1 ตัวกรรมการ HTML ต้องสนับสนุน solid และ none

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

คู่มือการเรียน CSS:เขตของ CSS

คู่มืออ้างอิง CSS:border-right ของทางอุปกรณ์

คู่มืออ้างอิง HTML DOM:borderRightStyle ของทางอุปกรณ์

ตัวอย่าง

ตั้งค่ารูปแบบเข็มขัดขวา:

p
  {
  border-style:solid;
  border-right-style:dotted;
  }

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

ระบบทางการเขียน CSS

border-right-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

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

ค่า คำอธิบาย
none กำหนดเข็มขัดไม่มี
hidden เหมือนกับ "none" แต่ไม่ถูกใช้สำหรับตาราง. สำหรับตาราง ใช้ "hidden" ในการแก้ปัญหาที่มีเข็มขัดที่ชนกัน
dotted กำหนดเข็มขัดจุด. ในหลายเบราเซอร์มันจะแสดงเป็นเส้นเดี่ยว
dashed กำหนดเส้นตัน. ในหลายเบราเซอร์มันจะแสดงเป็นเส้นเดี่ยว
solid กำหนดเส้นเดี่ยว
double กำหนดเส้นสองเส้น. ความกว้างของเส้นสองเส้นเท่ากับค่า border-width
groove กำหนดเข็มขัด3D ร่อง. ผลลัพธ์ของมันขึ้นอยู่กับค่า border-color
ridge กำหนดเข็มขัด3D ชัน. ผลลัพธ์ของมันขึ้นอยู่กับค่า border-color
inset กำหนดเข็มขัด3D inset. ผลลัพธ์ของมันขึ้นอยู่กับค่า border-color
outset กำหนดเข็มขัด3D outset. ผลลัพธ์ของมันขึ้นอยู่กับค่า border-color
inherit กำหนดให้มีการสืบทอดรูปแบบเข็มขัดจากองค์ประกอบพ่อ

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

ค่าเริ่มต้น: not specified
ความสืบทอด: no
รุ่น: CSS1
ระบบทางการเขียน JavaScript: object.style.borderRightStyle="dotted"

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

ตั้งค่ารูปแบบเข็มขัดขวา
ตัวอย่างแสดงว่าจะตั้งค่ารูปแบบของเข็มขัดขวา

การสนับสนุนเบราเซอร์

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5