topical media & game development

talk show tell print

mobile-query-three-www-live-playground-vendor-CodeMirror2-mode-css-index.htm / htm



  <!doctype html>
  <html>
    <head>
      <title>CodeMirror: CSS mode</title>
      <link rel="stylesheet" href="../../lib/codemirror.css">
      <script src="../../lib/codemirror.js"></script>
      <script src="css.js"></script>
      <style>.CodeMirror {background: #f8f8f8;}</style>
      <link rel="stylesheet" href="../../doc/docs.css">
    </head>
    <body>
      <h1>CodeMirror: CSS mode</h1>
      <form><textarea id="code" name="code">
  /* Some example CSS */
  
  @import url("something.css");
  
  body {
    margin: 0;
    padding: 3em 6em;
    font-family: tahoma, arial, sans-serif;
    color: #000;
  }
  
  #navigation a {
    font-weight: bold;
    text-decoration: none !important;
  }
  
  h1 {
    font-size: 2.5em;
  }
  
  h2 {
    font-size: 1.7em;
  }
  
  h1:before, h2:before {
    content: "::";
  }
  
  code {
    font-family: courier, monospace;
    font-size: 80%;
    color: #418A8A;
  }
  </textarea></form>
      <script>
        var editor = CodeMirror.fromTextArea(document.getElementById("code"), {});
      </script>
  
      <p><strong>MIME types defined:</strong> <code>text/css</code>.</p>
  
    </body>
  </html>
  


(C) Æliens 04/09/2009

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.