CSS参考手册
初始线格局 | Inline Layout
首字 | initial-letter
这是一种实验技术
由于该技术的规格不稳定,请查看各种浏览器的兼容性表格以供使用。另外请注意,随着规范的变化,实验技术的语法和行为在未来版本的浏览器中可能会发生变化。
initial-letter
属性指定下跌,上升,下沉和首字母造型。
/* Keyword values */
initial-letter: normal;
/* Numeric values */
initial-letter: 1.5; /* Initial letter occupies 1.5 lines */
initial-letter: 3.0; /* Initial letter occupies 3 lines */
initial-letter: 3.0 2; /* Initial letter occupies 3 lines and
sinks 2 lines */
/* Global values */
initial-letter: inherit;
initial-letter: initial;
initial-letter: unset;
初始值 |
normal |
---|---|
应用于 |
::first-letter pseudo-elements and inline-level first child of a block container |
是否继承 |
no |
适用媒体 |
visual |
计算值 |
as specified |
Animation type |
discrete |
规范顺序 |
the unique non-ambiguous order defined by the formal grammar |
句法
关键字值normal
,或<number>
可选的后面跟一个<integer>
。
价值
normal
没有特别的首字母效果。文本行为正常。
<number>
根据占用的行数来定义首字母的大小。负值是不允许的。
<integer>
定义初始字母在给定大小时应该下沉的行数。值必须大于零。如果省略,则复制大小值,并将其定位到最接近的正整数。
形式语法
normal | [ <number> <integer>? ]
例
CSS内容
.normal {
initial-letter: normal;
}
.onefive {
initial-letter: 1.5;
}
.three {
initial-letter: 3.0;
}
HTML内容
<p class="normal">Initial letter is normal</p>
<p class="onefive">Initial letter occupies 1.5 lines</p>
<p class="three">Initial letter occupies 3 lines</p>
输出量
规格
Specification |
Status |
Comment |
---|---|---|
CSS Inline LayoutThe definition of 'initial-letter' in that specification. |
Working Draft |
Initial definition |
浏览器兼容性
Feature |
Chrome |
Firefox (Gecko) |
Internet Explorer |
Opera |
Safari |
---|---|---|---|---|---|
Basic support |
No support |
No support1 |
No support |
No support |
AppleWebKit/603 |
Feature |
Android |
Firefox Mobile (Gecko) |
IE Mobile |
Opera Mobile |
Safari Mobile |
---|---|---|---|---|---|
Basic support |
No support |
No support1 |
No support |
No support |
No support |
初始线格局 | Inline Layout相关
层叠样式表( Cascading Style Sheets )是一种用来表现 HTML 或 XML 等文件样式的计算机语言。CSS 不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。