The min-width property sets the minimum width of an element's box. The actual width will not fall below this value. Percentages refer to the containing block's width..readable {
min-width: 320px;
}.col {
min-width: max-content;
}min:0max:9999step:1units:% | px | em | rem | vw | vhautoAutomatic minimum (default value) — resolves to 0 for CSS2 display types, but may differ for newer layouts (flex, grid).min-contentThe minimum content width.max-contentThe maximum content width.fit-contentFunction value: combines min-content and max-content given the available space.fit-content()fit-content(<length-percentage>) — constrains width by the given length.calc()Computes a value from a math expression.CSS Box Sizing Module Level 3Editor's Draft<length-percentage>W3CMDNCSSShow all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationvalue typessourcesvisual demonstrationpreviousnext
