CSS Alignment-Adjust Property

CSS 1

CSS 2

CSS 3
No No Yes

Description

The 'alignment-adjust' property allows more precise alignment of elements, such as graphics, that do not have a baseline-table or lack the desired baseline in their baseline-table. With the 'alignment-adjust' property, the position of the baseline identified by the 'alignment-baseline' can be explicitly determined. It also determines precisely the alignment point for each glyph within a textual element. The user agent should use heuristics to determine the position of a non existing baseline for a given element.

Syntax

alignment-adjust: [value];

Possible values

  • auto
  • baseline
  • before-edge
  • text-before-edge
  • middle
  • central
  • after-edge
  • text-after-edge
  • ideographic
  • alphabetic
  • hanging
  • mathematical
  • [percentage]
  • [length]

Initial Value

Auto

Applies To

Inline-Level elements

Inherited

No

Media

Visual

Example

.img {
  alignment-adjust: middle;
}

View All CSS Properties