margin

คุณสมบัติเกี่ยวกับกรอบ

การกำหนดคุณสมบัติเกี่ยวกับกรอบ จะประกอบด้วย

การกำหนดระยะห่างของกรอบ
การกำหนดระยะห่างของกรอบและข้อความ
การกำหนดความกว้างของเส้นกรอบ
การกำหนดสีของเส้นกรอบ
การกำหนดรูปแบบของเส้นกรอบ

การกำหนดระยะห่างของกรอบ

รูปแบบ {margin : ระยะห่างของกรอบ}

ระยะห่างของกรอบ หมายถึง การกำหนดตัวเลขระยะห่างของกรอบ พร้อมหน่วยวัด เช่น inches (in),
centimeters (cm), pixels (px)

ตัวอย่างเช่น {margin : 1cm}

การกำหนดระยะห่างของกรอบและข้อความ

รูปแบบ {padding : ระยะห่าง}

ระยะห่าง หมายถึง การกำหนดตัวเลขระยะห่างของกรอบและข้อความ พร้อมหน่วยวัด เช่น milimeters
(mm), centimeters (cm)

ตัวอย่างเช่น {padding : 1.5mm}

การกำหนดความกว้างของเส้นกรอบ

รูปแบบ {border-width : ความกว้างของเส้นกรอบ}

ความกว้างของเส้นกรอบ ประกอบด้วยค่าดังนี้

                                 thin                  หมายถึง      เส้นบาง
                                 thick                หมายถึง      เส้นหนา
                                 medium          หมายถึง      เส้นปานกลาง
                                 ตัวเลขความหนา หมายถึง ระบุความหนาเป็นตัวเลขพร้อมหน่วยวัด เช่น milimeters (mm),
                                                                             centimeters (cm), inch (in)

ตัวอย่างเช่น {border-width : thin}
{border-width : 1cm}

การกำหนดสีของเส้นกรอบ

รูปแบบ {border-color : สีของกรอบ}

สีของกรอบ หมายถึง ชื่อสีที่ต้องการ สามารถกำหนดได้โดยใช้ชื่อของสีมาตรฐาน หรือกำหนดจาก
รหัสเลขฐานสิบหก

ตัวอย่างเช่น {border-color : teal}

การกำหนดรูปแบบของเส้นกรอบ

รูปแบบ {border-style : รูปแบบของเส้นกรอบ}

รูปแบบของเส้นกรอบ ประกอบด้วยค่าดังนี้

                                 solid                หมายถึง      เส้นทึบ
                                 double            หมายถึง      เส้นคู่
                                 ridge                หมายถึง     เส้นอย่างแคบ

ตัวอย่างเช่น {border-style : double}