Formatting Text
การปรับแต่ง
| Produces This | CODE |
|---|---|
|
HELLO ITOPPLUS | กำหนดระยะห่างระหว่างตัวอักษร <div class="letter-spacing">HELLO ITOPPLUS</div> |
|
HELLO ITOPPLUS | กำหนดระยะห่างระหว่างคำ <div class="word-spacing">HELLO ITOPPLUS</div> |
|
HELLO ITOPPLUS | เป็นการย่อหน้าหรือเว้นว่างหน้าข้อความ <div class="text-indent">HELLO ITOPPLUS</div> |
|
HELLO ITOPPLUS | จัดให้ชิดซ้าย ขวา หรือวางตรงกลางข้อความ <div class="text-align">HELLO ITOPPLUS</div>text-align: left; //ข้อความชิดซ้าย text-align: right; //ข้อความชิดขวา text-align: center; //ข้อความตรงกลาง text-align: justify; //ข้อความจะทำตรงกันข้าม |
|
HELLO ITOPPLUS | ตกแต่งให้มีขีดเส้นใต้ เหนือ หรือตรงกลางข้อความ <div class="text-decoration">HELLO ITOPPLUS</div>text-decoration: line-through; //ขีดเส้นข้อความตรงกลาง text-decoration: overline; //ขีดเส้นข้อความด้านบน text-decoration: underline; //ขีดเส้นข้อความด้านล่าง text-decoration: none; //ปกติ ไม่มีขีดเส้นอะไรทั้งนั้น |
|
HELLO ITOPPLUS | Capitalized Text แปลงให้เป็นตัวพิมพ์เล็ก หรือตัวพิมพ์ใหญ่ <div class="text-transform">HELLO ITOPPLUS</div>text-transform: capitalize; //ตัวอักษรตัวแรกจะเป็นตัวใหญ่ text-transform: uppercase; //ตัวอักษรจะเป็นตัวใหญ่ทั้งหมด text-transform: lowercase; //ตัวอักษรจะเป็นตัวเล็กทั้งหมด |
|
HELLO ITOPPLUS | ควบคุมลักษณะการพิมพ์ตัวอักษร <div class="white-space">HELLO ITOPPLUS</div>white-space: pre; //จะคงทุกอย่างไว้อย่างเดิม และเหมือนตัดส่วนที่เกินออกไป white-space: normal; //จะจัดตัวอักษรทั้งหมดให้อยู่ในกรอบ white-space: nowrap; //ตัวอักษรจะอยู่บรรทัดเดียวกันทั้งหมด |
|
HELLO ITOPPLUS HELLO ITOPPLUS | การกำหนดช่องว่างระหว่างบรรทัด <div class="line-height">HELLO ITOPPLUS <br> HELLO ITOPPLUS </div> |