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.

prefix

Examples

The following style rule selects any element with an “attr” attribute whose value begins with "B".

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      .test       { display:none; }
      [attr^="B"] { display:block; }
    </style>
  </head>
  <body>
    <div class="test" attr="Blue">Test for [^=] (Prefix) succeeded.</div>
  </body>
</html>

Notes

Remarks

Note Requires Windows Internet Explorer 7 or later. Note Attribute selectors are not supported in webpages that are displayed in the Microsoft Internet Explorer 5 document mode (also known as “Quirks” mode). To use attribute selectors, add a !DOCTYPE directive that specifies a standard-based document. For more information, see Defining Document Compatibility. Attributes are case-sensitive.

Syntax

<strong/> [att^=val] {...}

Parameters

att
Must be either an Identifier or a String.
val
Must be either an Identifier or a String.

Standards information

See also

Related articles

CSS Attributes

Selectors

Attributions