CSS \9 in width property

by

\9 is a “CSS hack” specific to Internet Explorer 7, 8, & 9.

This simply means that the one specific line of CSS ending with a \9; in place of the ; is only valid in IE 7, 8, & 9.

In your example,

width: 500px\9; means that a width of 500 pixels (same result as width: 500px;) will only be applied while using IE 7, 8, & 9.

All other browsers will ignore width: 500px\9; entirely, and therefore not apply width: 500px; to the element at all.

If your CSS looked like this…

#myElement {
    width: 300px;
    width: 500px\9;
}

The result would be #myElement 500 pixels wide in IE 7, 8, & 9, while in all other browsers, #myElement would be 300 pixels wide.

More info

EDIT:

This answer was written in 2011. It should now be noted that this hack also works in IE 10.

More Related Contents:

  1. What are the differences between flex-basis and width?
  2. Canvas is stretched when using CSS but normal with “width” / “height” properties
  3. Targeting only Firefox with CSS
  4. CSS – why doesn’t percentage height work? [duplicate]
  5. Does height and width not apply to span?
  6. IE 8: background-size fix [duplicate]
  7. How to apply specific CSS rules to Chrome only?
  8. How to write a CSS hack for IE 11? [duplicate]
  9. How to set up fixed width for ?
  10. How to make CSS visible only for Opera
  11. CSS Input with width: 100% goes outside parent’s bound
  12. CSS: 100% width or height while keeping aspect ratio?
  13. Bootstrap Element 100% Width
  14. What’s the maximum pixel value of CSS width and height properties?
  15. What is the meaning of \9 in this width property value declaration? [duplicate]
  16. Width equal to content [duplicate]
  17. CSS width 100% OR max-width in pixels
  18. Canvas is stretched when using CSS but normal with `width` & `height` attributes
  19. 100% DIV width is not really 100%
  20. How to remove the border highlight on an input text element
  21. Can I set background image and opacity in the same property?
  22. CSS3’s attr() doesn’t work in major browsers
  23. Use of XSL-FO, CSS3 instead of CSS2 to create Paginated documents like PDF?
  24. How can I define colors as variables in CSS?
  25. Do I need to wrap quotes around font family names in CSS?
  26. angular 2 ngIf and CSS transition/animation
  27. Deprecated SMIL SVG animation replaced with CSS or Web animations effects (hover, click)
  28. Fonts looks different in Firefox and Chrome
  29. What are the rules around whitespace in attribute selectors?
  30. What is the difference between default, user and author style sheets?

Leave a Comment