CSS ระบุ border-right-style
- หน้าก่อน border-right-color
- หน้าต่อไป border-right-width
การกำหนดและการใช้งาน
border-right-style กำหนดรูปแบบของขอบเส้นด้านขวาขององค์ประกอบ
ขอบเส้นจะแสดงขึ้นเมื่อค่านี้ไม่ใช่ none
ใน CSS1 มีแค่ solid และ none ที่ต้องสนับสนุนโดย HTML ยูเซอร์แอเจนต์
ดูเพิ่มเติมที่:
คู่มืออ้างอิง 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 |
- หน้าก่อน border-right-color
- หน้าต่อไป border-right-width
