The column-gap property is used to control the spacing between columns in a multi-column layout.
- Creates visual separation between adjacent columns.
- Improves content readability by preventing columns from appearing too close together.
- Allows developers to customize the spacing to match the design requirements.
Syntax:
column-gap: length | normal | initial | inherit;
Property Values:
- length: Sets a specific gap between columns using units such as px, em, or rem.
- normal: Default value that applies the browser's standard column spacing.
- initial: Sets the property to its default value.
- inherit: Inherits the column-gap value from the parent element.
Example: Shows the usage of CSS column-gap property.
