text-align คือ เป็นหนึ่งใน คำสั่งของ css ที่เกี่ยวกับข้อความ ซึ่งคำสั่ง text-align นั้นใช้ในการจัดชุดข้อความให้เป็นไปตามที่เราต้องการ เช่นอยากให้ข้อความชิดซ้าย หรืออยากให้ข้อความอยู่ตรงกลาง หรือแม้กระทั่ง จัดให้ข้อความนั้นกระจายให้ทั่วกรอบข้อความที่เราได้กำหนดไว้ ก็สามารถทำได้เช่นกัน ซึ่ง text-align เป็นคำสั่งที่ใช้ทุกครั้งที่มีชุดข้อความมาเกี่ยวข้อง โดยสามารถจัดข้อความได้ถึง 4 รูปแบบ ดังนี้
systax ที่ใช้
โค้ด: เลือกทั้งหมด
text-align:left;
text-align:right;
text-align:center;
text-align:justify;
text-align:initial;
right คือ การจัดข้อความให้ชิดด้านขวา
center คือ การจัดข้อความให้อยู่ตรงกลาง
justify คือ การจัดข้อความให้ชิดทั้งสองด้าน
initial คือ การกำหนดให้เป็นค่าเริ่มต้น
ตัวอย่างการใช้งาน
โค้ด: เลือกทั้งหมด
<style>
div.a { text-align: left; }
div.b { text-align: right; }
div.c { text-align: center; }
div.d { text-align: justify; }
div.e { text-align: initial; }
</style>
โค้ด: เลือกทั้งหมด
<div class="a"><h2>ใช้ text-align: left;</h2></div>
<div class="b"><h2>ใช้ text-align: right;</h2></div>
<div class="c"><h2>ใช้ text-align: center;</h2></div>
<div class="d"><h2>ใช้ text-align: justify; </h2></div>
<div class="e"><h2>ใช้ text-align: initial;</h2></div>
https://www.mindphp.com/%E0%B8%9A%E0%B8 ... 9-css.html