initial-letter-align

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

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

/* 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;

Initial valueauto
Applies to::first-letter pseudo-elements and inline-level first child of a block container
Inheritedno
Mediavisual
Computed valueas specified
Animation typediscrete
Canonical orderthe unique non-ambiguous order defined by the formal grammar

Syntax

One of the keyword values listed below.

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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidiOS SafariSamsung Internet
Basic support
Experimental
Chrome No support NoEdge No support NoFirefox No support NoIE No support NoOpera No support NoSafari No support NoWebView Android No support NoChrome Android No support NoEdge Mobile No support NoFirefox Android No support NoOpera Android No support NoSafari iOS No support NoSamsung Internet Android ?

Legend

No support  
No support
Compatibility unknown  
Compatibility unknown
Experimental. Expect behavior to change in the future.
Experimental. Expect behavior to change in the future.

Document Tags and Contributors

Contributors to this page: fscholz, mfluehr, wbamberg, Sebastianz, kscarfone
Last updated by: fscholz,