การใช้ CSS Text-Indent: เติมระยะบรรทัดแรกของย่อหน้า

คุณสมบัติ CSS text-indent ทำงานคล้ายการเยื้องบรรทัดแรกของย่อหน้าในเรียงความ — เยื้องบรรทัดแรกของบล็อกข้อความทุกบล็อก

ตัวอย่างการใช้งาน (หน่วย px)

<!DOCTYPE html> <html lang="en"> <head> <style> .example { text-indent: 25px; } </style> </head> <body> <p class="example">Cat ipsum dolor sit amet...</p> <p class="example">Tomcat malkin, and ocelot...</p> <p class="example">Birman sphynx ragdoll tabby...</p> </body> </html>

ตัวอย่างใช้หน่วยสัมบูรณ์ pixels (px) สามารถใช้หน่วยสัมพัทธ์/ตอบสนองได้ เช่น em, rem, และ % ของความกว้าง元素/ย่อหน้า ลองเปลี่ยนค่า px เป็น em, rem, % เพื่อดูผลลัพธ์

สรุป

text-indent` เหมาะสำหรับการเยื้องบรรทัดแรกของย่อหน้า รองรับหน่วย px, em, rem, % เลือกใช้ตามความต้องการการออกแบบ