手册
目录
收藏745
分享
阅读1118
更新时间2025-07-16
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行 */
}
运行实例 »点击 "运行实例" 按钮查看在线实例
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 |
相关
视频
RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
精选课程
共5课时
17.2万人学习
共49课时
77万人学习
共29课时
61.7万人学习
共25课时
39.3万人学习
共43课时
70.9万人学习
共25课时
61.6万人学习
共22课时
23万人学习
共28课时
33.9万人学习
共89课时
125万人学习