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;

属性值

技术细节

浏览器支持

表中的数字指定了完全支持该属性的第一个浏览器版本。

数字后跟的 -webkit- 指定了带前缀的第一个工作版本。