font

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

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

การกำหนดแบบอักษร
การกำหนดขนาดของตัวอักษร
การกำหนดความสูงของบรรทัด
การกำหนดความหนาของตัวอักษร
การกำหนดลักษณะของแบบตัวอักษร
การกำหนดลักษณะของแบบอักษรทั้งหมด

การกำหนดแบบอักษร

รูปแบบ {font-family : ชื่อแบบอักษร}

ชื่อแบบอักษร หมายถึง ชื่อฟอนต์แต่ละฟอนต์ที่ใช้ได้บนบราวเซอร์

    ตัวอย่างเช่น         {font-family : AngsanaUPC}
                                {font-family : CordiaNew}
                                {font-family : Arial}

การกำหนดขนาดของตัวอักษร

รูปแบบ {font-size : ขนาดของตัวอักษร}

ขนาดของตัวอักษร ประกอบด้วยค่าดังนี้

                                small                   หมายถึง    อักษรตัวเล็ก
                                medium              หมายถึง    อักษรตัวขนาดกลาง
                                large                   หมายถึง    อักษรตัวใหญ่
                                ตัวเลข                 หมายถึง    ค่าของตัวเลขความสูงมาตรฐาน อยู่ในช่วง 1-7 ค่าใดค่าหนึ่ง
                                ตัวเลขหน่วยวัด หมายถึง    ตัวเลขความสูงพร้อมหน่วยวัด เช่น points (pt), inches (in)
                                                                             centimeters (cm), pixels (px)

    ตัวอย่างเช่น         {font-size : large}
                                {font-size : 10pt}
                                {font-size : 24px}

การกำหนดความสูงของบรรทัด

รูปแบบ {line-height : ความสูงของบรรทัด}

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

                                ตัวเลข                 หมายถึง    ค่าของตัวเลขความสูงมาตรฐาน อยู่ในช่วง 1-7 ค่าใดค่าหนึ่ง
                                ตัวเลขหน่วยวัด หมายถึง    ตัวเลขความสูงพร้อมหน่วยวัด เช่น points (pt), inches (in)
                                                                             centimeters (cm), pixels (px), percentage (%)

    ตัวอย่างเช่น         {line-height : 15px}
                                {line-height : 10cm}
                                {line-height : 150%}

การกำหนดความหนาของตัวอักษร

รูปแบบ {font-weight : ความหนาของตัวอักษร}

ความหนาของตัวอักษร ประกอบด้วยค่าดังนี้

                                extra-light           หมายถึง    ตัวบางพิเศษ
                                light                     หมายถึง    ตัวบาง
                                medium              หมายถึง    ตัวปกติ
                                bold                     หมายถึง    ตัวหนา
                                extra-bold           หมายถึง    ตัวหนาพิเศษ

    ตัวอย่างเช่น         {font-weight : light}
                                {font-weight : medium}
                                {font-weight : bold}

การกำหนดลักษณะของตัวอักษร

รูปแบบ {font-style : ลักษณะของตัวอักษร}

ลักษณะของตัวอักษร ประกอบด้วยค่าดังนี้

                                normal                 หมายถึง    อักษรปกติ
                                italic                     หมายถึง    อักษรตัวเอียง
                                smallcaps           หมายถึง    อักษรตัวพิมพ์เล็ก

    ตัวอย่างเช่น         {font-style : italics}
                                {font-style : normal}
                                {font-style : smallcaps}

การกำหนดลักษณะโดยรวมของตัวอักษร

รูปแบบ {font : ลักษณะโดยรวมของตัวอักษร}

ตัวอย่างเช่น {font : AngsanaUPC medium italics 10pt}
{font : bold 14pt Arial}