RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://webplatform.github.io/docs/css/properties/column-span below:

column-span · WebPlatform Docs

column-span Summary

The column-span CSS property makes it possible for an element to span across all columns when its value is set to all. An element that spans more than one column is called a spanning element.

Overview table

Initial value: none
Applies to: block-level elements, except floating and absolutely positioned elements
Inherited: No
Media: visual
Computed value: as specified
Animatable: No
CSS Object Model Property: columnSpan
Percentages: N/A

Syntax

column-span: all
column-span: none

Values

none: Default. The content block does not span multiple columns.
all: The content block spans all columns on a page. All content that is declared before the content block is shown before the content block.

Examples

Makes 4 columns and creates a span that crosses through columns



#column {
  
  column-count: 4;
  column-gap: 2em;
  padding: 5px;
}

.span-content {
  column-span: all;
}

View live example

Notes

An element that spans more than one column is called a spanning element.

Related specifications

CSS Multi-column Layout Module: W3C Candidate Recommendation