text

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

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

การกำหนดช่องไฟระหว่างคำ
การกำหนดช่องไฟระหว่างตัวอักษร
การกำหนดการขีดเส้นข้อความ
การกำหนดการจัดย่อหน้าของข้อความ
การกำหนดขนาดความหนาของข้อความ
การจัดวางตัวอักษร
การกำหนดระยะขอบ

การกำหนดช่องไฟระหว่างคำ

รูปแบบ {word-spacing : ช่องไฟระหว่างคำ}

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

ตัวอย่างเช่น {word-spacing : 0.5in}

การกำหนดช่องไฟระหว่างตัวอักษร

รูปแบบ {text-spacing : ช่องไฟระหว่างตัวอักษร}

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

ตัวอย่างเช่น {text-spacing : 0.2cm}

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

รูปแบบ {text-decoration : การขีดเส้นข้อความ}

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

                                 underline        หมายถึง      ขีดเส้นใต้ข้อความ
                                 line-through    หมายถึง      ขีดเส้นพาดกลางข้อความ
                                 box                  หมายถึง      ตีกรอบสี่เหลี่ยม

ตัวอย่างเช่น {text-decoration : underline}
{text-decoration : line-through}

การกำหนดการจัดย่อหน้าของข้อความ

รูปแบบ {text-align : การจัดย่อหน้าของข้อความ}

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

                                 left                    หมายถึง      จัดวางตำแหน่งข้อความให้อยู่ชิดซ้ายบรรทัด
                                 right                  หมายถึง      จัดวางตำแหน่งข้อความให้อยู่ชิดขวาบรรทัด
                                 center              หมายถึง      จัดวางตำแหน่งข้อความให้อยู่กึ่งกลางบรรทัด

ตัวอย่างเช่น {text-align : left}

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

รูปแบบ {text-indent : ความหนาของข้อความ}

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

ตัวอย่างเช่น {text-indent : 0.5in}

การจัดวางตัวอักษร

รูปแบบ {vertical-align : ลักษณะการจัดวาง}

ลักษณะการจัดวาง ประกอบด้วยตัวเลือกดังนี้

                                 baseline          หมายถึง      จัดวางตำแหน่งข้อความใหติดขอบล่างของบรรทัด
                                 sup                  หมายถึง      จัดวางตำแหน่งข้อความให้อยู่เหนือบรรทัด
                                 sub                  หมายถึง      จัดวางตำแหน่งข้อความให้อยู่ใต้บรรทัด
                                 top                   หมายถึง      จัดวางตำแหน่งข้อความให้ติดขอบบนของบรรทัด
                                 middle             หมายถึง      จัดวางตำแหน่งข้อความให้อยู่กึ่งกลางบรรทัด

ตัวอย่างเช่น {vertical-align : top}

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

    รูปแบบ                 {margin-left : ตัวเลขหน่วยวัด}
                                 {margin-right : ตัวเลขหน่วยวัด}
                                 {margin-top : ตัวเลขหน่วยวัด}

เมื่อ

                                 margin-left      หมายถึง      กั้นขอบด้านซ้าย
                                 margin-right    หมายถึง      กั้นขอบด้านขวา
                                 margin-top      หมายถึง      กั้นขอบด้านบน
                                 ตัวเลขหน่วยวัด หมายถึง    ตัวเลขระยะขอบพร้อมหน่วยวัด เช่น points (pt), inches (in)
                                                                               centimeters (cm), pixels (px)

    ตัวอย่างเช่น         {margin-left : 1in}
                                 {margin-right : 1in}
                                 {margin-top : -20px}