คุณสมบัติ CSS ชายแดนสไตล์
ตัวอย่าง
ตั้งค่าสไตล์ชายแดนที่สี่:
p
{
border-style:solid;
}
{
border-style:solid;
}
ลอง»
ด้านล่างของหน้าเพื่อดูตัวอย่างเพิ่มเติม
แอตทริบิวต์คำจำกัดความและคำแนะนำ
คุณสมบัติชายแดนสไตล์ตั้งสี่พรมแดนขององค์ประกอบของสไตล์ คุณสมบัตินี้จะมี 1-4 ค่า
ตัวอย่าง:
ชายแดนสไตล์: ด่างดวงคู่ที่มั่นคงประ ;
- ชายแดนเป็นจุด
- เส้นขอบด้านขวาเป็นเส้นทึบ
- ชายแดนคู่ล่าง
- ขอบซ้ายเป็นเส้นประ
ชายแดนสไตล์: จุดแข็งคู่
- ชายแดนเป็นจุด
- เส้นขอบด้านขวาและขอบซ้ายเป็นเส้นทึบ
- ชายแดนคู่ล่าง
ชายแดนสไตล์: จุดแข็ง
- เส้นขอบด้านบนและด้านล่างเป็นจุดที่
- เส้นขอบด้านขวาและขอบซ้ายเป็นเส้นทึบ
ชายแดนสไตล์: ด่างดวง;
- ทั้งสี่ชายแดนเป็นจุดที่
| เริ่มต้น: | ไม่ได้ระบุ |
|---|---|
| มรดก: | ไม่ |
| เวอร์ชัน: | CSS1 |
| ไวยากรณ์ javascript: | วัตถุ object.style.borderStyle = "คู่ประ" |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นของทรัพย์สิน
| 属性 | |||||
|---|---|---|---|---|---|
| border-style | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
มูลค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ |
|---|---|
| ไม่มีเลย | ไม่มีเส้นขอบที่กำหนดไว้ |
| ซ่อนเร้น | และ "ไม่มี" เดียวกัน แต่เมื่อนำไปใช้กับตารางยกเว้นสำหรับตารางที่ซ่อนอยู่ในการแก้ปัญหาความขัดแย้งชายแดน |
| ด่างดวง | กำหนดจุดชายแดน กลายเป็นเส้นทึบในเบราว์เซอร์ส่วนใหญ่ |
| ประ | ความหมายของเส้นประ กลายเป็นเส้นทึบในเบราว์เซอร์ส่วนใหญ่ |
| ของแข็ง | ความหมายของเส้นทึบ |
| สอง | ความหมายของเส้นลวด ความกว้างดับเบิลเท่ากับมูลค่าของชายแดนกว้าง |
| ร่อง | 3D ย่อมุมกำหนดชายแดน ผลกระทบที่เกิดขึ้นอยู่กับค่าขอบสี |
| สันเขา | 3D ลูกฟูกชายแดนที่กำหนดไว้ ผลกระทบที่เกิดขึ้นอยู่กับค่าขอบสี |
| สิ่งที่ใส่เข้าไป | กำหนดชายแดนภาพประกอบ 3 มิติ ผลกระทบที่เกิดขึ้นอยู่กับค่าขอบสี |
| การเริ่ม | กำหนดชายแดนเริ่มแรก 3D ผลกระทบที่เกิดขึ้นอยู่กับค่าขอบสี |
| สืบทอด | บทบัญญัติควรสืบทอดลักษณะเส้นขอบจากองค์ประกอบหลัก |
ตัวอย่างออนไลน์
ตั้งค่าเส้นขอบที่แตกต่างกันในแต่ละด้าน
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการตั้งค่าเส้นขอบที่แตกต่างกันในแต่ละด้านขององค์ประกอบ
บทความที่เกี่ยวข้อง
กวดวิชา CSS: CSS ชายแดน
