The column-gap property in CSS is used to specify the amount of gap between the columns in which a given text is divided using the column-count property.
Syntax:
column-gap: length|normal|initial|inherit;
Default Value: normal
Property Values:
- length: This value specifies the length that will set the gap between the columns.
- normal: This is the default value. This value is used to specify a normal gap between the columns.
- initial: This value is used to set the column-gap property to its default value.
- inherit: This value tells the column-gap property to inherit the property from its parent.
Example:
html
<!DOCTYPE html>
<html>
<head>
<title>The column-gap Property</title>
<style>
.gfg {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
/* Specifying Column Gap */
}
h1 {
color: green;
}
h1,
h2 {
text-align: center;
}
</style>
</head>
<body>
<h1>
GeeksforGeeks
</h1>
<h1>
The column-gap Property
</h1>
<p>
The column-gap property defines the gap
between the columns of the element:
</p>
<div class="gfg">
The course is designed for students as well as
working professionals to prepare for coding
interviews. This course is going to have coding
questions from school level to the level
needed for product based companies like Amazon,
Microsoft, Adobe, etc.
</div>
</body>
</html>
|
Output:
Supported Browsers: The browsers supported by column-gap Property are listed below:
- Google Chrome 1 and above
- Edge 12 and above
- Internet Explorer 10 and above
- Firefox 1.5 and above
- Opera 11.1 and above
- Safari 3 and above
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
12 Jun, 2023
Like Article
Save Article