css-learning: css border

css มีคุณสมบัติให้คุณได้ระบุเส้นขอบข้อมูล ซึ่งคุณสามารถระบุลักษณะเส้นขอบข้อมูล สีเส้น เป็นต้น

คุณสมบัติของ border สามารถกำหนดให้แสดงในลักษณะต่างๆ ดังนี้

คุณสมบัติแบบ: dotted

คุณสมบัติแบบ: dashed

คุณสมบัติแบบ: solid

คุณสมบัติแบบ: double

คุณสมบัติแบบ: groove

คุณสมบัติแบบ: ridge

คุณสมบัติแบบ: inset

คุณสมบัติแบบ: outset

ความหนาของ border กำหนดคุณสมบัติได้โดย border-width

กำหนดความหนาให้กับ border

p{border:dotted; border-width:3px;}

สีของ border กำหนดคุณสมบัติได้โดย border-color

กำหนดสีให้กับ border

p{border:dotted; border-color:#FF0000;}

border ประกอบไปด้วยสี่ด้านคือ บน ขวา ล่าง ซ้าย ซึ่งในแต่ละด้านนั้นสามารถกำหนดคุณสมบัติของ border ให้แตกต่างกันได้ ซึ่งสามารถกำหนดคุณสมบัติได้จาก

กำหนดความแตกต่างของ border แต่ละด้าน

p{
   border-top-style:dotted;
   border-right-style:solid;
   border-bottom-style:dotted;
   border-left-style:solid;
}

ทำความรู้จักกับ css ก่อนเริ่มเขียน css syntax และส่วนประกอบของ css id และ class รูปแบบการเขียน css การกำหนดลักษณะของ html โดยใช้ css background การกำหนดลักษณะพื้นหลัง text การกำหนดลักษณะข้อมูล font การกำหนดลักษณะตัวอักษร link การกำหนดลักษณะลิงค์ list การกำหนดลักษณะลิสต์ table การกำหนดลักษณะตาราง css model แบบจำลองของ css องค์ประกอบของ css model border ขอบเขตของข้อมูล margin padding