width

The width CSS property sets an element’s width. By default, it sets the width of the content area, but if box-sizing is set to border-box, it sets the width of the border area.

The specified value of width applies to the content area so long as its value remains within the values defined by min-width and max-width.

If the value for width is less than the value for min-width, then min-width overrides width. If the value for width is greater than the value for max-width, then max-width overrides width.

Note: As a geometric property, width also applies to the svg, rect, image, and foreignObject SVG elements, with auto resolving to 100% for <svg> and 0 for other elements, and percent values being relative to the SVG viewport width for <rect>. The CSS width property value overrides any SVG attribute value set on the SVG element.

Syntax example: width: 300px;