CSS รูปแบบ border-spacing
- หน้าก่อน border-right-width
- หน้าต่อไป border-start-end-radius
การระบุและการใช้งาน
border-spacing คุณสมบัติกำหนดระยะห่างระหว่างขอบเซลล์ของเซลล์ที่อยู่ข้างๆ สำหรับโมเดล 'แยกขอบเซลล์' โดยไม่มีความต้องการ
หมายเหตุ:บางรุ่น IE นั้นไม่สนับสนุนคุณสมบัตินี้
คำอธิบาย
คุณสมบัตินี้กำหนดระยะห่างระหว่างขอบเซลล์ในโมเดลขอบเซลล์ที่แยกออกจากกัน。ในค่าของสองระยะห่างที่กำหนด，ค่าแรกเป็นระยะห่างระดับน้ำทะลายตามแนวนอน และค่าที่สองเป็นระยะห่างระดับน้ำทะลายตามแนวตั้ง ถ้า border-collapse ถูกกำหนดเป็น separate จะละเลยคุณสมบัตินี้ ถึงแม้ว่าคุณสมบัตินี้จะถูกใช้เฉพาะในตาราง แต่มันสามารถถูกสืบทอดโดยทุกองค์ประกอบของตาราง
ดูเพิ่มเติม:
ตัวอย่าง CSS:CSS ตาราง
คู่มือเอชทีเอ็มแอล โดเมน:borderSpacing คุณสมบัติ
ตัวอย่าง
ตั้งค่า border-spacing สำหรับตาราง:
table
{
border-collapse:separate;
border-spacing:10px 50px;
}
CSS ภาษาไทย:
border-spacing: length|initial|inherit;
ค่านิยามของนิยาม
| ค่า | คำอธิบาย |
|---|---|
| length length |
กำหนดระยะห่างระหว่างขอบเซลล์ของเซลล์ที่อยู่ข้างๆ โดยใช้หน่วยความยาวเช่น px, cm และอื่น ๆ ไม่ยอมรับค่าลบ。 ถ้ากำหนดเพียง length ตั้งค่าที่กำหนดคือระยะห่างระดับน้ำทะลายและระยะห่างระดับน้ำทะลายตามแนวตั้งและน้ำทะลายตามแนวนอน。 ถ้ากำหนดสอง length ตั้งค่าประกายภาพ，แล้วตั้งค่าระยะห่างระดับน้ำทะลายแรกที่นั้น，และระยะห่างระดับน้ำทะลายที่สองที่นั้น。 |
| inherit | กำหนดให้จากตัวปลูกฝังระบุค่าของ border-spacing ตามขอบเขต。 |
รายละเอียดเทคนิค
| ค่าเริ่มต้น: | not specified |
|---|---|
| ความถูกต้องตามต้นฉบับ: | yes |
| รุ่น: | CSS2 |
| JavaScript ภาษาไทย: | object.style.borderSpacing="15px" |
ตัวอย่างเพิ่มเติม
- ตั้งค่าช่องว่างระหว่างขอบเซลล์ตาราง
- ตัวอย่างนี้แสดงวิธีการตั้งค่าระยะห่างระหว่างเขตตั้งค่าของเขตขอบเซลล์。
การสนับสนุนโปรแกรมน่าเชิญ
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 8.0 | 1.0 | 1.0 | 4.0 |
- หน้าก่อน border-right-width
- หน้าต่อไป border-start-end-radius
