What's the maximum pixel value of CSS width and height properties?

css height width specifications upperbound
sbichenko picture sbichenko · May 19, 2013 · Viewed 10.7k times · Source

What are the largest valid px values that CSS width and height properties accept?

(I'm currently building a webapp that creates a very large zoomable container element and I want to know what are the actual limits.)

Answer

James Donnelly picture James Donnelly · May 19, 2013

Using the CSS inspector that comes with certain browsers on an element with 10000000000px width and height:

Firefox: 33554400px
Chrome:  33554428px
Opera:   33554428px
IE 9:    21474836.47px

Related questions

CSS: 100% width or height while keeping aspect ratio?

Currently, with STYLE, I can use width: 100% and auto on the height (or vice versa), but I still can't constrain the image into a specific position, either being too wide or too tall, respectively. Any ideas?

Read More
CSS – why doesn’t percentage height work?

How come a percentage value for height doesn’t work but a percentage value for width does? For example: <div id="working"></div> <div id="not-working"></div> #working{ width:80%; height:140px; background:…

Read More
Div width 100% minus fixed amount of pixels

How can I achieve the following structure without using tables or JavaScript? The white borders represent edges of divs and aren't relevant to the question. The size of the area in the middle is going to vary, but it will …

Read More