CSS ระบบเขตเข้มแบบด้านล่างรูปแบบ

การกำหนดและการใช้งาน

border-bottom-style กำหนดรูปแบบเข็มตั้งแบบด้านล่างขององค์ประกอบ

เข็มจะแสดงขึ้นมาเมื่อค่าไม่ใช่ none

ใน CSS1 ระบบนำเข้า HTML ต้องสนับสนุน solid และ none

ดูเพิ่มเติม

คู่มือ CSS ฝึกสอนCSS ขอบ

คู่มือ CSSตัวแปร border-bottom

คู่มือ HTML DOMตัวแปร borderBottomStyle

ตัวอย่าง

ตั้งรูปแบบเข็มตั้งแบบด้านล่าง

p
  {
  border-style:solid;
  border-bottom-style:dotted;
  }

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

ระบบเขียน CSS

border-bottom-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 grooves ที่มีผลขึ้นอยู่กับค่า border-color
ridge กำหนดเข็ม3D สลับสลับ ที่มีผลขึ้นอยู่กับค่า border-color
inset กำหนดเข็ม3D inset ที่มีผลขึ้นอยู่กับค่า border-color
outset กำหนดเข็ม3D outset ที่มีผลขึ้นอยู่กับค่า border-color
inherit กำหนดให้มีรูปแบบของเข็มที่สืบทอดมาจากตัวปลอมแบบ

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

ค่าเริ่มต้น: not specified
ความสืบทอด: no
เวอร์ชัน: CSS1
ระบบเขียนภาษา JavaScript: object.style.borderBottomStyle="dotted"

ตัวอย่างเพิ่มเติม

ตั้งรูปแบบเข็มตั้งแบบด้านล่าง
ตัวอย่างแสดงว่าจะตั้งรูปแบบเข็มตั้งแบบด้านล่าง

การสนับสนุนโปรแกรมนี้

ตัวเลขในตารางบอกว่าระบบนำเข้าแบบที่สนับสนุนคุณสมบัตินี้ในฐานะแรก

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