CSS ขอบโล่ง

CSS ขอบโล่ง

border-radius คุณสมบัตินี้ใช้เพื่อเพิ่มขอบมุมทรงกลมแก่องค์ประกอบ

ขอบมุมทั่วไป

ขอบมุมทรงกลม

ขอบมุมทรงกลม

ขอบมุมทรงกลม

ตัวอย่าง

p {
  border: 2px solid red;
  border-radius: 5px;
}

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

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

ทุกคุณสมบัติของเส้นขอบบนในการประกาศเดียว
ตัวอย่างนี้แสดงวิธีการใช้คุณสมบัติชุดเรียกย่อเพื่อตั้งค่าทุกคุณสมบัติของเส้นขอบบนในการประกาศเดียว
ตั้งรูปแบบของเส้นขอบล่าง
นี่คือตัวอย่างที่แสดงวิธีการตั้งรูปแบบของเส้นขอบล่าง
ตั้งค่าความกว้างของเส้นขอบด้านซ้าย
ตัวอย่างนี้แสดงว่าวิธีการตั้งค่าความกว้างของเส้นขอบด้านซ้าย
ตั้งค่าสีของเส้นขอบสี่เส้น
ตัวอย่างนี้แสดงว่าวิธีการตั้งค่าสีของเส้นขอบสี่เส้น มันสามารถมีสีหนึ่งถึงสี่สี
ตั้งค่าสีของเส้นขอบด้านขวา
ตัวอย่างนี้แสดงว่าวิธีการตั้งค่าสีของเส้นขอบด้านขวา

รายการความสำคัญของ CSS ขอบเขตทั้งหมด

รายการความสำคัญ คำอธิบาย
border รายการคำสั่งย่อ ตั้งค่าทุกความสำคัญของเส้นขอบในการประกาศเดียว
border-color รายการคำสั่งย่อ ตั้งค่าสีของเส้นขอบด้านสี่เส้น
border-radius รายการคำสั่งย่อ ตั้งค่าทุกความสำคัญของ border-*-radius ทั้งสี่ของขอบเขต
border-style รายการคำสั่งย่อ ตั้งค่ารูปแบบของเส้นขอบด้านสี่เส้น
border-width รายการคำสั่งย่อ ตั้งค่าความกว้างของเส้นขอบด้านสี่เส้น
border-bottom รายการคำสั่งย่อ ตั้งค่าทุกความสำคัญของเส้นขอบด้านล่างในการประกาศเดียว
border-bottom-color ตั้งค่าสีของเส้นขอบด้านล่าง
border-bottom-style ตั้งค่ารูปแบบของเส้นขอบด้านล่าง
border-bottom-width ตั้งค่าความกว้างของเส้นขอบด้านล่าง
border-left รายการคำสั่งย่อ ตั้งค่าทุกความสำคัญของเส้นขอบด้านซ้ายในการประกาศเดียว
border-left-color ตั้งค่าสีของเส้นขอบด้านซ้าย
border-left-style ตั้งค่ารูปแบบของเส้นขอบด้านซ้าย
border-left-width ตั้งค่าความกว้างของเส้นขอบด้านซ้าย
border-right รายการคำสั่งย่อ ตั้งค่าทุกความสำคัญของเส้นขอบด้านขวาในการประกาศเดียว
border-right-color ตั้งค่าสีของเส้นขอบด้านขวา
border-right-style ตั้งค่ารูปแบบของเส้นขอบด้านขวา
border-right-width ตั้งค่าความกว้างของเส้นขอบด้านขวา
border-top รายการคำสั่งย่อ ตั้งค่าทุกความสำคัญของเส้นขอบด้านบนในการประกาศเดียว
border-top-color ตั้งค่าสีของเส้นขอบด้านบน
border-top-style ตั้งค่ารูปแบบของเส้นขอบด้านบน
border-top-width ตั้งค่าความกว้างของเส้นขอบด้านบน