พิวโดเอลิเมนต์ first-letter

พิวโดเอลิเมนต์ first-letter ช่วยให้ กำหนดสไตล์ให้กับตัวอักษรแรกของข้อความภายในองค์ประกอบ

ไวยากรณ์

cssตัวเลือก::first-letter {
  
}

ตัวอย่าง

มาลองใช้สไตล์กับตัวอักษรแรกของทุก ย่อหน้าดู:

html<p>
  Lorem ipsum dolor sit amet.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>

cssp::first-letter {
  color: red;
  font-size: 27px;
}

Результат: