คุณสมบัติ CSS Shorthand Border
CSS Border - คุณสมบัติชวเลข
เช่นเดียวกับที่คุณเห็นในหน้าก่อนหน้านี้ มีคุณสมบัติหลายอย่างที่ควรพิจารณาเมื่อจัดการกับเส้นขอบ
ในการย่อโค้ด คุณยังสามารถระบุคุณสมบัติเส้นขอบแต่ละรายการในคุณสมบัติเดียวได้
คุณสมบัติborder
เป็นคุณสมบัติชวเลขสำหรับคุณสมบัติเส้นขอบแต่ละรายการต่อไปนี้:
border-width
border-style
(ที่จำเป็น)border-color
ตัวอย่าง
p {
border: 5px solid red;
}
ผลลัพธ์:
Some text
คุณยังสามารถระบุคุณสมบัติเส้นขอบแต่ละรายการทั้งหมดได้เพียงด้านเดียว:
ขอบซ้าย
p {
border-left: 6px solid red;
background-color: lightgrey;
}
ผลลัพธ์:
Some text
ขอบล่าง
p {
border-bottom: 6px solid red;
background-color: lightgrey;
}
ผลลัพธ์:
Some text