This page is In Progress

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

behavior

Summary

Non standard. Sets or retrieves the location of the Dynamic HTML (DHTML) behavior.

Overview table

Initial value
:

Applies to
All elements
Inherited
No
Media
visual

Computed value
:

Animatable
No

CSS Object Model Property
:

Syntax

Values

Examples

The following examples demonstrate various ways of applying the -ms-behavior property on a page.

<ul>
  <li style="behavior:url(ul.htc) url(hilite.htc)">HTML</li>
  <ul>
      <li>Internet Explorer authoring tips</li>
      :
  </ul>
</ul>

[This example implements an expanding and collapsing table of contents by applying the behavior as an inline style to the li element. In this case, two behaviors implemented as HTC have been applied to the element to achieve a combination of mouseover highlighting and expanding/collapsing effect. View live example]

This example defines the -ms-behavior attribute in a separate style block.

<style>
   .CollapsingAndHiliting {behavior:url(ul.htc) url(hilite.htc)}
</style>
<ul>
  <li class="CollapsingAndHiliting">HTML</li>
  <ul>
      <li>Internet Explorer authoring tips</li>
      :
  </ul>
</ul>

This example sets the -ms-behavior property in script.

<script>
   function window.onload()
   {
      idTopic1.style.behavior = "url(ul.htc) url(hilite.htc)";
   }
</script>
 :
<ul>
  <li id=idTopic1>HTML Authoring</li>
  <ul>
      <li>Internet Explorer authoring tips</li>
      :
  </ul>
</ul>

View live example

If the expanding/collapsing example were to use a DHTML behavior implemented in C++ as an ActiveX control, the code would look slightly different. In this example, the -ms-behavior attribute points to the id property of the object specified in the object element.

<style>
   .Collapsing { behavior:url(#myObject) }
</style>
<object id=myObject ... ></object>
<ul>
  <li class="Collapsing">HTML Authoring</li>
  <ul>
      <li>Internet Explorer authoring tips</li>
      :
  </ul>
</ul>

Notes

Remarks

You can apply multiple behaviors to an element by specifying a space-delimited list of URLs for the -ms-behavior attribute, as shown in the following syntax:

<element style="behavior:url(a1.htc) url(a2.htc) ..." >

In the following section, one example demonstrates how you can apply two behaviors to an element to achieve a combination of effects. Conflicts resulting from applying multiple behaviors to an element are resolved based on the order in which the behavior is applied to the element. Each succeeding behavior takes precedence over the previous behavior. For example, if multiple behaviors set the element’s color, the prevailing color is the one set by the behavior last applied to the element. The same rule applies in resolving name conflicts, such as with property, method, or event names exposed by multiple behaviors. Once the -ms-behavior property is defined for the element, the addBehavior method can be used to dynamically attach additional behaviors to the element. Note A behavior attached to an element by using the addBehavior method or by applying the proposed Cascading Style Sheets (CSS) -ms-behavior attribute inline is not automatically detached from the element when the element is removed from the document hierarchy. However, a behavior attached using a style rule defined in the document is detached automatically as the element is removed from the document tree. Windows Internet Explorer 8. The -ms-behavior attribute is an extension to CSS, and can be used as a synonym for behavior in IE8 Standards mode.

Syntax

-ms-behavior: url(sLocation) | url(#objID) | url(#default#behaviorName)

See also

Related articles

Media Queries

Related pages

Attributions