CSS border-width Property

ตั้งค่าความกว้างของเส้นขอบสี่:

p {
border-style: solid;
border-width: 15px;
}

ความหมายและการใช้งาน

สถานที่ให้บริการที่มีความกว้างชายแดนกำหนดความกว้างขององค์ประกอบของเส้นขอบทั้งสี่ คุณสมบัตินี้จะมี 1-4 ค่า

ตัวอย่าง:

border-width:thin medium thick 10px;
- เส้นขอบด้านบนเป็นบาง
- เส้นขอบด้านขวาเป็นสื่อกลาง
- ขอบด้านล่างมีความหนา
- ขอบซ้ายเป็น 10px
border-width:thin medium thick;
- เส้นขอบด้านบนเป็นบาง
- เส้นขอบซ้ายและขวาจะมีขนาดปานกลาง
- ขอบด้านล่างมีความหนา
border-width:thin medium;
- เส้นขอบบนและด้านล่างมีบาง
- เส้นขอบซ้ายและขวาจะมีขนาดปานกลาง
border-width:thin;
- ทั้งสี่เส้นขอบบาง

Note: เสมอประกาศคุณสมบัติชายแดนสไตล์ก่อนคุณสมบัติชายแดนกว้าง องค์ประกอบต้องมีพรมแดนก่อนที่คุณจะสามารถตั้งค่าความกว้าง

ค่าเริ่มต้น:	medium
รับการถ่ายทอด:	no
Animatable:	yes. Read about animatable Try it
เวอร์ชัน:	CSS1
ไวยากรณ์ javascript:	object .style.borderWidth="1px 5px" Try it

ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน

คุณสมบัติ
border-width	1.0	4.0	1.0	1.0	3.5

ความคุ้มค่า	ลักษณะ	เล่น
medium	ระบุชายแดนกลาง นี้จะเริ่มต้น	เล่น "
thin	ระบุชายแดนบาง	เล่น "
thick	ระบุขอบหนา	เล่น "
length	ช่วยให้คุณกำหนดความหนาของเส้นขอบ	เล่น "
initial	การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น	เล่น "
inherit	สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก

กวดวิชา CSS: CSS ชายแดน

อ้างอิง HTML DOM: borderWidth property