CSS initial-letter 屬性

定義和用法

initial-letter 屬性指定首字母的大小,以及可選地指定首字母應下沉(在文本中向下)的行數。

此屬性適用于 :first-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行 */
}

親自試一試

CSS 語法

initial-letter: normal|number|integer;

屬性值

描述
normal 默認值。無效果。文本表現正常。
number 設置首字母的大小(首字母應跨越的行數)。
integer 可選。設置首字母應下沉(在文本中)的行數。

技術細節

默認值: normal
繼承性:
動畫制作: 不支持。請參閱:動畫相關屬性
版本: CSS3

瀏覽器支持

表中的數字指定了完全支持該屬性的第一個瀏覽器版本。

數字后跟的 -webkit- 指定了帶前綴的第一個工作版本。

Chrome Edge Firefox Safari Opera
110.0 110.0 不支持 9.0 -webkit- 96.0