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/grid-column-span.md.
Lynx
  • English

      • deprecated grid-column-span

      Warning

      This API is deprecated.

      Introduction

      Contributes a grid span to the grid item's placement. If there are grid-column-start and grid-column-end, this css property will be overridden.

      Examples

      css-apisrc/grid-column-span/App.tsx
      Code
      Preview

      Syntax

      /* <number> values */
grid-column-span: 1;
grid-column-span: 2;

      Values

      • <number>

        Contributes a grid span to the grid item's placement.

      Formal definition

      Initial value1
      Applies togrid items
      Inheritedno
      Animatable

      Formal syntax

      grid-column-span = <number>

      Difference between web

      • There is no such style in Web.

      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.