CSS Columns

30% OFF - 9th Anniversary discount on Entity Framework Extensions until December 15 with code: ZZZANNIVERSARY9

Syntax

  • column-count: auto|number|inherit|initial|unset;
  • column-width: auto|length;
  • column: [column-width]|[column-count];
  • column-span: none|all|inherit|initial|unset;
  • column-gap: normal|length|inherit|initial|unset;
  • column-fill: auto|balance|inherit|intial|unset;
  • column-rule-color: color|inherit|initial|unset;
  • column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|inherit|initial|unset;
  • column-rule-width: thin|medium|thick|length|inherit|initial|unset;
  • column-rule: [column-rule-width]|[columm-rule-style]|[column-rule-color];
  • break-after: auto|always|left|right|recto|verso|page|column|region|avoid|avoid-page|avoid-column|avoid-region;
  • break-before: auto|always|left|right|recto|verso|page|column|region|avoid|avoid-page|avoid-column|avoid-region;
  • break-inside: auto|avoid|avoid-page|avoid-column|avoid-region;


Got any CSS Question?