CSS ขอบฝั่งด้านบน

การระบุและวิธีใช้

border-top คุณสมบัติที่สั้นแบบที่มีทุกคุณสมบัติของเข้าบอร์เดอร์โตะป์ถูกตั้งค่าเข้าในองค์ประกอบคำเสียงเดียว

คุณสามารถตั้งค่าคุณสมบัติตามลำดับต่อไปนี้ได้

ถ้าไม่ตั้งค่าค่าใดๆ ในในนั้นก็ไม่มีปัญหา ตัวอย่างเช่น border-top:solid #ff0000; ก็ยังอนุญาตได้

ดูเพิ่มเติม：

คู่มือเรียน CSSCSS ขอบ

คู่มือเอชทีเอ็มแอลดอมborderTop คุณสมบัติ

ตัวอย่าง

ตั้งค่ารูปแบบเข้าบอร์เดอร์โตะป์：

p
  {
  border-style:solid;
  border-top:thick double #ff0000;
  }

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

ระบบการใช้งาน CSS

border-top: border-width border-style border-color|initial|inherit;

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

ค่า การอธิบาย
border-top-width กำหนดความกว้างของเข้าบอร์เดอร์โตะป์ ดูถึง：border-top-width ค่าที่อาจมีในตอนนี้。
border-top-style กำหนดรูปแบบของเข้าบอร์เดอร์โตะป์ ดูถึง：border-top-style ค่าที่อาจมีในตอนนี้。
border-top-color กำหนดสีของเข้าบอร์เดอร์โตะป์ ดูถึง：border-top-color ค่าที่อาจมีในตอนนี้。
inherit กำหนดให้ต้องมีการสืบทอดการตั้งค่าของคุณสมบัติ border-top จากตัวมีพ่อของตัวนี้。

ข้อมูลเทคนิค

ค่าเริ่มต้น： not specified
การสืบทอด： no
รุ่น： CSS1
ระบบการใช้งาน JavaScript： object.style.borderTop="3px solid blue"

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

ทุกคุณสมบัติของเข้าบอร์เดอร์โตะป์ในองค์ประกอบคำเสียงเดียว
ตัวอย่างนี้แสดงว่าทำไมต้องใช้รูปแบบความสั้นของคุณสมบัติเพื่อตั้งค่าทุกคุณสมบัติของเข้าบอร์เดอร์โตะป์ในองค์ประกอบคำเสียงเดียว。

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

ตัวเลขในตารางนี้บอกว่าเบราซเรอร์อะไรที่สนับสนุนคุณสมบัตินี้ในรุ่นแรกที่สนับสนุนคุณสมบัตินี้ทั้งหมด。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

หมายเหตุ：IE7 และรุ่นเก่าของเบราซเรอร์ไม่สนับสนุนค่า "inherit" รุ่น IE8 ต้องมี !DOCTYPE รุ่น IE9 สนับสนุน "inherit"。