Style borderBottomStyle ตัวแปร

คำนิยามและวิธีใช้

borderBottomStyle ตั้งค่าหรือกู้ระดับของรูปแบบเข็มต่อล่างขององค์ประกอบ HTML。

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

คู่มือเรียนรู้ CSS:CSS ขอบเขต

คู่มืออ้างอิง CSS:ตัวแปร border-bottom-style

คู่มืออ้างอิง HTML DOM:ตัวแปร border

ตัวอย่าง

ตัวอย่าง 1

เพิ่มเข็มต่อลึกใต้ <div> ฝั่งล่างเป็นตรงโค้ง:

document.getElementById("myDiv").style.borderBottomStyle = "solid";

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

ตัวอย่าง 2

เปลี่ยนรูปแบบของเข็มต่อของ <div> ฝั่งล่างเป็น "dotted":

document.getElementById("myDiv").style.borderBottomStyle = "dotted";

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

ตัวอย่าง 3

กลับค่ารูปแบบเข็มโซ่ล่างขององค์ประกอบ <div>:

alert(document.getElementById("myDiv").style.borderBottomStyle);

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

ตัวอย่าง 4

การแสดงรายละเอียดของค่าที่แตกต่างกัน:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;

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

รูปแบบ

กลับค่าคุณสมบัติ borderBottomStyle:

object.style.borderBottomStyle

ตั้งค่าคุณสมบัติ borderBottomStyle:

object.style.borderBottomStyle = value

ค่าของคุณสมบัติ

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

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

ค่าเริ่มต้น: none
ค่าที่กลับมา: ข้อความ แสดงรูปแบบของเข็มโซ่ล่างขององค์ประกอบ。
เวอร์ชั่น CSS: CSS1

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

ตัวเลขในตารางระบุรุ่นที่เซิร์ฟเวอร์สนับสนุนคุณสมบัตินี้เต็มที่。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2

หมายเหตุ：IE7 และรุ่นเก่ากว่าไม่สนับสนุนค่า "hidden"。IE9 และรุ่นต่อมาสนับสนุน "hidden"。