CSS initial-letter 屬性
示例
顯示不同大小的 initial-letter
.normal::first-letter {
-webkit-initial-letter: normal;
initial-letter: normal;
}
.two::first-letter {
-webkit-initial-letter: 2;
initial-letter: 2; /* 首字母佔用 2 行 */
}
.four::first-letter {
-webkit-initial-letter: 4;
initial-letter: 4; /* 首字母佔用 4 行 */
}
.four2::first-letter {
-webkit-initial-letter: 4 2;
initial-letter: 4 2; /* 首字母佔用 4 行，並下沉 2 行 */
}
自己動手試一試 »
定義和用法
initial-letter 屬性指定了首字母的大小，以及可選的首字母下沉（在文字中向下）的行數。
此屬性適用於 :first-letter 偽元素和塊容器的內聯級別第一個子元素。
| 預設值 | normal |
|---|---|
| 繼承 | no |
| 可動畫 | 否。 閱讀關於可動畫屬性 |
| 版本 | CSS3 |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
後跟 -webkit- 的數字表示與字首一起工作的第一個版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| initial-letter | 110.0 | 110.0 | 不支援 | 9.0 -webkit- | 96.0 |
CSS 語法
initial-letter: normal|number|integer;
屬性值
| 值 | 描述 |
|---|---|
| normal | 預設值。無效果。文字行為正常 |
| 數字 | 設定首字母的大小（首字母應跨越多少行） |
| 整數 | 可選。設定首字母應下沉（在文字中）的行數 |
