| direction | ใช้กำหนดตำแหน่งของข้อความให้ ชิดขวา หรือ ชิดซ้าย |
|---|---|
| text-align | ใช้กำหนดตำแหน่งของข้อความ |
| text-indent | ใช้กำหนดย่อหน้าให้กับข้อความ |
| letter-spacing | ใช้กำหนดระยะห่างระหว่างตัวอักษร |
| word-spacing | ใช้กำหนดระยะห่างระหว่างข้อความ ( คำ ) |
| line-height | ใช้กำหนดระยะห่างระหว่างบรรทัด |
| color | ใช้กำหนดสีให้กับข้อความ |
| text-decoration | ใช้สำหรับตกแต่งข้อความ |
| text-transform | ใช้เปลี่ยนแปลงรูปแบบข้อความให้เป็น พิมพ์เล็ก หรือ พิมพ์ใหญ่ |
| vertical-align | ใช้กำหนดลักษณะของข้อความ เมื่อเทียบในแนวตั้ง |
| word-wrap | ใช้กำหนดวิธีการตัดคำขึ้นบรรทัดใหม่ |
| white-space | ใช้กำหนดวิธีการจัดการช่องว่าง และการขึ้นบรรทัดใหม่ของข้อความ |
property:direction
value:rtl, ltr
content:ใช้กำหนดตำแหน่งของข้อความให้ ชิดขวา หรือ ชิดซ้าย
example:{ direction: ltr; }
property:text-align
value:left, right, center, justify ( เต็มพื้นที่ )
content:ใช้กำหนดตำแหน่งของข้อความ
example:{ text-align: left; }
property:text-indent
value:cm, px, pt
content:ใช้กำหนดย่อหน้าให้กับข้อความ
example:{ text-indent: 1cm; }
property:letter-spacing
value:normal, cm, px, pt
content:ใช้กำหนดระยะห่างระหว่างตัวอักษร
example:{ letter-spacing: 10pt; }
property:word-spacing
value:normal, cm, px, pt
content:ใช้กำหนดระยะห่างระหว่างข้อความ ( คำ )
example:{ word-spacing: 10pt; }
property:line-height
value:normal, cm, px, pt
content:ใช้กำหนดระยะห่างระหว่างบรรทัด
example:{ line-height: 15px; }
property:color
value:ชื่อสี, #ค่าสี, rgb( ตัวเลข, ตัวเลข, ตัวเลข )
content:ใช้กำหนดสีให้กับข้อความ
example:{ color: rgb( 255, 0, 125 ); }
property:text-decoration
value:none, underline, overline, line-througn, blink
content:ใช้สำหรับตกแต่งข้อความ
example:{ text-decoration: underline; }
property:text-transform
value:none, capitalize, uppercase, lowercase
content:ใช้เปลี่ยนแปลงรูปแบบข้อความให้เป็น พิมพ์เล็ก หรือ พิมพ์ใหญ่
example:{ text-transform: capitalize; }
property:vertical-align
value:baseline, sub, super, top, text-top, middle, bottom, text-bottom
content:ใช้กำหนดลักษณะของข้อความ เมื่อเทียบในแนวตั้ง
example:{ vertical-align: top; }
property:word-wrap
value:normal, break-word
content:ใช้กำหนดวิธีการตัดคำขึ้นบรรทัดใหม่
example:{ word-wrap: break-word; }
property:white-space
value:normal, pre, nowrap
content:ใช้กำหนดวิธีการจัดการช่องว่าง และการขึ้นบรรทัดใหม่ของข้อความ
example:{ white-space: pre; }
