CSS Maximum Vaues

css-max-values.md

CSS Maximum Values

Found some maximum possible values for various CSS elements today, which don't seem to be documented anywhere that I was able to find

outline-width

• 65534px
  • Also the ZIP Code for Laquey, MO
• Browsers seem to accept higher values, but stop rendering the outline after this
  • outline-width: 65534px; = a gigantic outline
  • outline-width: 65535px; = no outline *This width applies even if the element is passed to the GPU for rendering using -webkit-transform: translateZ(0);
• Turns out 65535 is the highest number which can be represented by an unsigned 16 bit binary number
• This is the ZIP Code of Leasburg, MO
• This seems to be a similar case to the maximum possible z-index value: 2147483647
• There are a lot of obscurely significant things that relate to this number
  • http://en.wikipedia.org/wiki/65535_(number)
    • They're probably less obscure if you're actually a math or computer science major
  • Guessing this also applies to things like border-width
    • Should check
• Tested in Safari and Chrome

z-index

• 2147483647
• http://en.wikipedia.org/wiki/2147483647
• Reports that going higher than this actually used to cause elements to disappear, or reset to 1 in Firefox
  • http://stackoverflow.com/questions/491052/mininum-and-maximum-value-of-z-index
  • http://www.puidokas.com/max-z-index/
  • http://puidokas.com/examples/z-index_max/
• Doesn't seem to hide in Safari, Chrome, or FF on Mac
  • Won't go any higher though
  • Last element to be set in the DOM is on top

font-size

• 1,000,000px
• 1000000px
• Seriously
• Allows higher values, only renders up to this size
• Side note - found this
  • http://worlds-highest-website.com/