Borders การจัดการเกี่ยวกับขอบ
borders สามารถนำไปใช้กับแท็ก HTML เกือบทุกตัวที่อยู่ในแท็ก <body>
การกำหนดค่า border ให้กับ element จะกำหนดโดยใช้ border-style โอยค่าอาจกำหนดเป็น
ค่าต่างได้ดังนี้ solid, dotted, dashed, double, groove, ridge, inset และ outset
border-width เป็นกำหนดค่าความกว้างของ border โดยปกติจะกำหนดค่าเป็น pixels ซึ่ง property
นี้ยังเป็นคุณสมบัติของแต่ละด้านของ element ด้วยเช่น border-top-width, border-right-width,
border-bottom-width และ border-left-width.เป็นต้น
สุดท้าย border-color เป็นการกำหนดสีของ border
วิธีการใช้งาน
h2{
border-style:dashed;
border-width:3px;
border-left-width:10px;
border-right-width:10px;
border-color:red;
}
จากโ้ค้ดด้านบนเป็นการกำหนด border สีแดง มีลักษณะเป็นเส้นประกว้าง 3 pixels โดยรอบหัวข้อรอง
และมีความกว้าง border ด้านซ้ายและด้านขวา เท่ากับ 10 pixels
เนื้อหาที่เี่กี่ยวข้อง
- การใช้งาน CSS - ศึกษาิวิธีการนำ CSS ไปใช้กับ HTML
- สิ่งที่เรียกว่า Selects, Properties , and Values - สิ่งที่เป็นองค์ประกอบของ CSS
- สี Colours - การใช้งานสี
- ข้อความ Text - การจัดการเกี่ยวกับขนาดและรูปร่างของข้อความ
- Margins and Padding - การจัดการพื้นที่ระหว่างสิ่งต่างๆ
- Borders - การจัดการเกี่ยวกับขอบ
- รวมส่วนประกอบต่างข้างบนเป็น CSS
บทความในหมวดที่่น่าสนใจ อื่นๆ
