text-indent เป็นการกำหนดย่อหน้าบรรทัดแรกของข้อความ ซึ่งจะช่วยจัดข้อความให้อ่านง่ายขึ้น ด้วยการกำหนดย่อหน้าซึ่งตัวอย่างค่าที่ใช้กับ text-indent เช่น px , cm , % , intial เป็นต้น ถ้าใส่ค่าของตัวเลขเป็นค่าบวกการกำหนดจะเลื่อนไปทางด้านขวาถ้าค่าติดลบจะเลื่อนไปทางด้านซ้าย
ตัวอย่างโค้ดที่เขียน
โค้ด: เลือกทั้งหมด
<html>
<head>
<style>
p {
text-indent: 50px; //กำหนดค่าย่อหน้า
}
</style>
</head>
<body>
<p>กุหลาบเป็นไม้ตัดดอกที่มีการปลูกเป็นการค้ากันแพร่หลายทั่วโลกมานานแล้ว กุหลาบเป็นไม้ตัดดอกที่มีการซื้อขาย เป็นอันดับหนึ่งในตลาดประมูลอัลสเมีย ประเทศเนเธอร์แลนด์ ซึ่งเป็นตลาดประมูลไม้ดอก ที่ใหญ่ที่สุดของโลก เมื่อ พ.ศ. 2542 มีการซื้อขายถึง 1,672 ล้านดอก และมักจะมียอดขายสูงสุดในประเทศต่าง ๆ แหล่งที่มา http://th.wikipedia.org</p>
</body>
</html>
บทที่ 10 CSS3 Multiple Columns ตอน 1 การแบ่งคอลัมน์