首字 | initial-letter

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没有特别的首字母效果。文本行为正常。

形式语法

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