CSS ::first-letter 偽元素

定義和用法

CSS ::first-letter 偽元素用于設置塊級元素的第一個字母的樣式。

注意：以下屬性可以與 ::first-letter 一起使用：

• 所有字體屬性
• 所有背景屬性
• 所有外邊距屬性
• 所有內邊距屬性
• 所有邊框屬性
• color
• text-decoration
• text-shadow
• letter-spacing
• word-spacing
• text-transform
• text-decoration-color
• text-decoration-line
• text-decoration-style
• box-shadow
• vertical-align（僅當 float 為 none 時）
• line-height
• float

實例

選擇并設置每個 <p> 元素的第一個字母的樣式：

p::first-letter {
  font-size: 200%;
  font-weight: bold;
  color: #8A2BE2;
}

親自試一試

CSS 語法

::first-letter {
  css declarations;
}

技術細節

瀏覽器支持

表格中的數字指定了完全支持該偽元素的首個瀏覽器版本。

相關頁面

教程：CSS 偽元素