alignment-baseline
The alignment-baseline property aligns inline boxes relative to the baseline.
Formal Syntax
baseline | text-bottom | alphabetic | ideographic | middle | central | mathematical | text-top
JavaScript Access
// Access via element.style
element.style.alignmentBaseline = 'baseline';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| alignment-baseline | 1 | — | 5.1 | 79 |
| alphabetic | 1 | — | 5.1 | 79 |
| baseline | 1 | — | 5.1 | 79 |
| central | 1 | — | 5.1 | 79 |
| ideographic | 1 | — | 5.1 | 79 |
| mathematical | 1 | — | 5.1 | 79 |
| middle | 1 | — | 5.1 | 79 |
| text-after-edge | 1 | — | 5.1 | 79 |
| text-before-edge | 1 | — | 5.1 | 79 |
Related Properties
- baseline-shift
- baseline-source
- color
- dominant-baseline
- hanging-punctuation
- hyphenate-character
- hyphenate-limit-chars
- hyphens
- initial-letter
- letter-spacing
- line-break
- line-clamp
- line-height
- orphans
- overflow-wrap
- quotes
- ruby-align
- ruby-overhang
- ruby-position
- tab-size
- text-align
- text-align-last
- text-anchor
- text-autospace
- text-box
- text-box-edge
- text-box-trim
- text-indent
- text-justify
- text-overflow
- text-rendering
- text-transform
- text-wrap
- text-wrap-mode
- text-wrap-style
- vertical-align
- white-space
- white-space-collapse
- widows
- word-break
- word-spacing
- text-size-adjust 🧪
- text-spacing-trim 🧪
- hyphenate-limit-last 🚧
- hyphenate-limit-lines 🚧
- hyphenate-limit-zone 🚧
- initial-letter-align 🚧
- initial-letter-wrap 🚧
- line-fit-edge 🚧
- line-grid 🚧
- line-height-step 🚧
- line-padding 🚧
- line-snap 🚧
- ruby-merge 🚧
- text-align-all 🚧
- text-group-align 🚧
- text-spacing 🚧
- white-space-trim 🚧
- word-space-transform 🚧
- word-wrap 🚧