CSS Alignment-Baseline Property

CSS 1

CSS 2

CSS 3
No No Yes

Description

This property specifies how an inline-level element is aligned with respect to its parent. That is, to which of the parent's baselines the alignment point of this element is aligned. Unlike the 'dominant-baseline' property the 'alignment-baseline' property has no effect on its children dominant-baselines.

Syntax

alignment-baseline: [value];

Possible values

  • baseline
  • use-script
  • before-edge
  • text-before-edge
  • after-edge
  • text-after-edge
  • central
  • middle
  • ideographic
  • alphabetic
  • hanging
  • mathematical

Initial Value

baseline

Applies To

Inline-Level elements

Inherited

No

Media

Visual

Example

.img {
  alignment-baseline: after-edge;
}

View All CSS Properties