Test for support of specific CSS property value

**Raffles** · Mar 21, 2007 10:36

Is it possible to find out whether a browser supports a certain value for a particular CSS property? Something like

Code:

if (element.style.display.fixed) {do stuff}

for example to check if the browser supports position:fixed. I know the above doesn't exist, but is there anything of the sort that can be done?

**MikeFoster** · Mar 21, 2007 13:42

Hi Raffles,

I thought I had an idea for doing this - but it doesn't work like I expected.

FF2 gives true then true.
Op9.10 gives true then true.
IE7 gives false then true.
IE6 gives false then true.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Template</title>
<script type='text/javascript'>
var result = false;
window.onload = function()
{
  var ele = document.getElementById('d1');

  try {
    ele.style.position = 'stuff';
    result = true;
  }
  catch (e) {
    result = false;
  }
  alert("ele.style.position = 'stuff'\n\nresult = " + result);

  try {
    ele.style.position = 'fixed';
    result = true;
  }
  catch (e) {
    result = false;
  }
  alert("ele.style.position = 'fixed'\n\nresult = " + result);
}
</script>
</head>
<body>

<div id='d1'>d1</div>

</body>
</html>

**Raffles** · Mar 21, 2007 16:24

That's odd about IE6. 'stuff' and 'fixed' should be equally foreign to it. It seems like it knows that 'position' can be 'fixed' but it doesn't do anything with it, as we know.

Thanks for trying, Mike.

User Tag List

Thread: Test for support of specific CSS property value

Thread Tools

Display

Test for support of specific CSS property value

Bookmarks

Bookmarks

Posting Permissions