CSS text-align Property

ตั้งค่าการจัดตำแหน่งข้อความสำหรับ <h1> <h2> และ <h3> องค์ประกอบ:

h1 {
    text-align: center;
}

h2 {
    text-align: left;
}

h3 {
    text-align: right;
}

เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง

ความหมายและการใช้งาน

คุณสมบัติ text-align ระบุการจัดตำแหน่งแนวนอนของข้อความในองค์ประกอบ

ค่าเริ่มต้น:	left if direction is ltr, and right if direction is rtl
รับการถ่ายทอด:	yes
Animatable:	no. Read about animatable
เวอร์ชัน:	CSS1
ไวยากรณ์ javascript:	object .style.textAlign="right" Try it

ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน

คุณสมบัติ
text-align	1.0	3.0	1.0	1.0	3.5

ความคุ้มค่า	ลักษณะ	เล่น
left	สอดคล้องข้อความไปทางซ้าย	เล่น "
right	สอดคล้องข้อความไปทางขวา	เล่น "
center	ศูนย์ข้อความ	เล่น "
justify	ยืดสายเพื่อให้แต่ละเส้นมีความกว้างเท่ากับ (เช่นในหนังสือพิมพ์และนิตยสาร)	เล่น "
initial	การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น	เล่น "
inherit	สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก

ตัวอย่างนี้แสดงให้เห็นเป็นตัวอย่าง text-align ที่สูงขึ้น:

h1 {
    text-align: center;
}

p.date {
    text-align: right;
}

p.main {
    text-align: justify;
}

กวดวิชา CSS: CSS ข้อความ

อ้างอิง HTML DOM: textAlign property