CSS References
border
border-radius
border-width
border-style
border-color
border-left
border-right
border-top
border-bottom
opacity
overflow
overflow-x
overflow-y
overflow-wrap
order
align-items
align-self
align-content
flex-direction
gap
justify-content
object-fit
max-height
min-height
max-width
min-width
margin-left
margin-bottom
margin-right
margin-top
margin
line-height
height
float
cursor
columns
column-width
column-span
column-gap
column-fill
column-count
box-sizing
background-image
background-color
list-style
list-style-type
list-style-position
list-style-image
padding
padding-top
padding-right
padding-left
padding-bottom
text-align
text-align-last
text-decoration
text-justify
text-decoration-color
text-decoration-line
text-decoration-style
text-decoration-thickness
text-indent
text-shadow
text-transform
word-spacing
word-break
word-wrap
outline
outline-width
outline-style
outline-color
outline-offset
object-position
letter-spacing
hyphens
font-weight
font-variant
font-style
font-size
font-family
font
caption-side
flex
flex-basis
flex-flow
flex-wrap
flex-grow
flex-shrink
background-clip
box-shadow
position
bottom
top
left
right
scroll-behavior
z-index
white-space
vertical-align
accent-color
display
background-attachment
transform
animation
@keyframes
width
visibility
column-count
The column-count property defines the number of columns of an element.
Syntax
column-count: number | auto;
Example
.mydiv {
column-count: 3;
}
In this example, the element mydiv will have 3 columns.
Property Values
number: sets the given values the number of columns of an element.
auto: sets the number of columns through other properties. (default value)