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 | 默认值。无效果。文本行为正常 |
| 数字 | 设置首字母的大小（首字母应跨越多少行） |
| 整数 | 可选。设置首字母应下沉（在文本中）的行数 |
