ContextQMD
Back to Content

CSS inline layout

files/en-us/web/css/guides/inline_layout/index.md

latest1.6 KB
Original Source

The CSS inline layout module defines the block-axis alignment and sizing of inline-level content and adds a special layout mode for drop-caps. It describes the CSS formatting model for a flow of elements and text inside a container to be wrapped across multiple lines.

Reference

Properties

  • {{cssxref("alignment-baseline")}}
  • {{cssxref("baseline-shift")}}
  • {{cssxref("baseline-source")}}
  • {{cssxref("dominant-baseline")}}
  • {{cssxref("initial-letter")}}
  • {{cssxref("line-height")}}
  • {{cssxref("text-box-edge")}}
  • {{cssxref("text-box-trim")}}
  • {{cssxref("text-box")}} shorthand
  • {{cssxref("vertical-align")}}

The specification also defines the initial-letter-align, initial-letter-wrap, inline-sizing, and line-fit-edge properties, which are not yet supported by any browser.

Data types

  • {{cssxref("<text-edge>")}}

Glossary terms

  • {{glossary("baseline/typography", "baseline")}}
  • {{glossary("leading")}}

Guides

  • {{cssxref("font-size")}} property
  • {{cssxref("font-feature-settings")}} property
  • {{cssxref("letter-spacing")}} property
  • {{cssxref("text-anchor")}} property
  • {{cssxref("::first-letter")}} pseudo-element
  • {{cssxref(":first-child")}} pseudo-class

Specifications

{{Specifications}}

See also