For AI agents: the complete documentation index is available at /next/llms.txt, the full documentation bundle is available at /next/llms-full.txt, and this page is available as Markdown at /next/api/css/properties/line-height.md.
Lynx
  • English

      • line-height

      Introduction

      The line-height CSS property sets the height of a line box. It's commonly used to set the distance between lines of text.

      Syntax

      css-apisrc/line-height/App.tsx
      Code
      Preview

      Values

      • normal
        Default value.

      • <number>
        The used value is this unitless <number> multiplied by the element's own font size.

      • <length>
        The specified <length> is used in the calculation of the line box height.

      Formal definition

      Initial valuenormal
      Applies totext
      Inheritedyes
      Animatableno

      Formal syntax

      normal | <length> | <number>

      Difference with web

      • line-height only effect <text> element.

      Best Practices

      • line-height in lynx will clip text content, so the value must be greater than element's font-size

      • line-height is paragraph style . set in inline text has no effect.

      Compatibility

      LCD tables only load in the browser

      Except as otherwise noted, this work is licensed under a Creative Commons Attribution 4.0 International License, and code samples are licensed under the Apache License 2.0.