content-attr-002.xht

Enable keyboard shortcuts

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

  <title>CSS Test: Generated Content from Attributes</title>

  <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>

  <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/content/attributes/001.html" type="text/html"/>

  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />

  <style type="text/css">

   html, body, head { margin: 0; padding: 0; display: block; }

   head * { display: none; }

   link, p { display: block; margin: 1em; }

   link:before { content: 'The test has '; }

   link:after { content: attr(media); }

  </style>

  <link rel="stylesheet" href="support/content-attr-002.css" media="passed."/>

 </head>

 <body>

  <p>Test passes if there is a sentence above which says "The test has passed."</p>

 </body>

</html>