19 of 313 menu

คุณสมบัติ text-align-last

คุณสมบัติ text-align-last กำหนด การจัดแนวบรรทัดสุดท้ายของข้อความ: ไปทาง ขอบซ้าย ไปทางขอบขวา ไปตรงกลาง หรือไปทั้งขอบซ้าย และขวาพร้อมกัน

โปรดทราบว่าหากภายในองค์ประกอบ (เช่น ในย่อหน้า) มีข้อความเพียงบรรทัดเดียว - บรรทัดนั้นจะถือว่าเป็นทั้งบรรทัดแรกและ บรรทัดสุดท้ายพร้อมกัน และการจัดแนวของมันจะเป็น ตามที่กำหนดใน text-align-last ไม่ใช่ ตามที่กำหนดใน text-align

ไวยากรณ์

ตัวเลือก { text-align-last: center | left | right | justify | auto | start | end; }

ค่า

ค่า คำอธิบาย
center จัดกึ่งกลาง
left จัดชิดซ้าย
right จัดชิดขวา
justify จัดเต็มทั้งขอบซ้ายและขอบขวาพร้อมกัน
auto ไม่เปลี่ยนแปลงการจัดแนวขององค์ประกอบ
start เท่ากับ left หากข้อความไหลจากซ้ายไปขวา และเท่ากับ right เมื่อข้อความไหลจากขวาไปซ้าย (เช่น ภาษาอาหรับ เป็นต้น)
end เท่ากับ right หากข้อความไหลจากซ้ายไปขวา และเท่ากับ left เมื่อข้อความไหลจากขวาไปซ้าย
inherit รับค่ามาจากองค์ประกอบแม่

ค่าเริ่มต้น: auto

ตัวอย่าง . ค่า left

<p> Lorem ipsum dolor sit amet, consectetur adipiscing elitorire aenean a dapibus magna, ac interdum nisl. Suspendisse egetil fringilla nibh, eu commodo arcu. Donec lacinia tempor velite sed tincidunt. Aliquam porttitor nulla purus, vel vulputater ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi ante purus lacini dui, interdum fringilla massa eros ut duir. </p> <p> Lorem ipsum dolor sit amet. </p> p { text-align: justify; text-align-last: left; }

:

ตัวอย่าง . ค่า right

<p> Lorem ipsum dolor sit amet, consectetur adipiscing elitorire aenean a dapibus magna, ac interdum nisl. Suspendisse egetil fringilla nibh, eu commodo arcu. Donec lacinia tempor velite sed tincidunt. Aliquam porttitor nulla purus, vel vulputater ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi ante purus lacini dui, interdum fringilla massa eros ut duir. </p> <p> Lorem ipsum dolor sit amet. </p> p { text-align: justify; text-align-last: right; }

:

ตัวอย่าง . ค่า center

<p> Lorem ipsum dolor sit amet, consectetur adipiscing elitorire aenean a dapibus magna, ac interdum nisl. Suspendisse egetil fringilla nibh, eu commodo arcu. Donec lacinia tempor velite sed tincidunt. Aliquam porttitor nulla purus, vel vulputater ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi ante purus lacini dui, interdum fringilla massa eros ut duir. </p> <p> Lorem ipsum dolor sit amet. </p> p { text-align: justify; text-align-last: center; }

:

ตัวอย่าง . ค่า justify

<p> Lorem ipsum dolor sit amet, consectetur adipiscing elitorire aenean a dapibus magna, ac interdum nisl. Suspendisse egetil fringilla nibh, eu commodo arcu. Donec lacinia tempor velite sed tincidunt. Aliquam porttitor nulla purus, vel vulputater ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi ante purus lacini dui, interdum fringilla massa eros ut duir. </p> <p> Lorem ipsum dolor sit amet. </p> p { text-align: justify; text-align-last: justify; }

:

ไทย
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣTürkmenTürkçeЎзбекOʻzbekTiếng Việt
เราใช้คุกกี้สำหรับการทำงานของเว็บไซต์ การวิเคราะห์ และการปรับเนื้อหาให้เหมาะสมส่วนบุคคล การประมวลผลข้อมูลเกิดขึ้นตาม นโยบายความเป็นส่วนตัว.
ยอมรับทั้งหมด ปรับแต่ง ปฏิเสธ