CSS Columns

Help us to keep this website almost Ad Free! It takes only 10 seconds of your time:
> Step 1: Go view our video on YouTube: EF Core Bulk Extensions
> Step 2: And Like the video. BONUS: You can also share it!

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?