initial-letter-align

The initial-letter-align CSS property specifies the alignment of initial letters within a paragraph.

Initial value	auto
Applies to	::first-letter pseudo-elements and inline-level first child of a block container
Inherited	no
Media	visual
Computed value	as specified
Animatable	no
Canonical order	the unique non-ambiguous order defined by the formal grammar

Syntax

/* Keyword values */
initial-letter-align: auto;
initial-letter-align: alphabetic;
initial-letter-align: hanging;
initial-letter-align: ideographic;

/* Global values */
initial-letter-align: inherit;
initial-letter-align: initial;
initial-letter-align: unset;

Values

auto

The user agent selects the value which corresponds to the language of the text. Western languages would default to alphabetic, CJK languages to ideographic, and some Indic languages to hanging.

alphabetic

As described above, the cap height of the initial letter aligns with the cap height of the first line of text. The baseline of the initial letter aligns with the baseline of the Nth text baseline.

hanging

The hanging baseline of the initial letter aligns with the hanging baseline of the first line of text.

ideographic

The initial letter is centered in the N-line area.

Formal syntax

[ auto | alphabetic | hanging | ideographic ]

Specifications

Specification	Status	Comment
CSS Inline Layout The definition of 'initial-letter-align' in that specification.	Working Draft	Initial definition

Browser compatibility