CSS 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 行 */
}
亲自尝试 »
定义和用法
The initial-letter 属性指定首字母的大小，并可以选择性地指定首字母应下沉的行数（在文本中）。
此属性适用于 :first-letter 伪元素和块容器的内联级第一个子元素。
| 默认值 | normal |
|---|---|
| 继承 | 否 |
| 可动画 | 否。 了解有关可动画的信息 |
| 版本 | CSS3 |
浏览器支持
表中的数字指定完全支持该属性的第一个浏览器版本。
后跟 -webkit- 的数字指定第一个使用前缀即可工作的版本。
| 属性 | |||||
|---|---|---|---|---|---|
| initial-letter | 110.0 | 110.0 | 不支持 | 9.0 -webkit- | 96.0 |
CSS 语法
initial-letter: normal|number|integer;
属性值
| 值 | 描述 |
|---|---|
| normal | 默认。无效果。文本行为正常 |
| number | 设置首字母的大小（首字母应跨越多少行） |
| integer | 可选。设置首字母应下沉的行数（在文本中） |
