Mercurial
comparison .cms/lib/codemirror/mode/css/index.html @ 0:78edf6b517a0 draft
24.10
author | Coffee CMS <info@coffee-cms.ru> |
---|---|
date | Fri, 11 Oct 2024 22:40:23 +0000 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:78edf6b517a0 |
---|---|
1 <!doctype html> | |
2 | |
3 <title>CodeMirror: CSS mode</title> | |
4 <meta charset="utf-8"/> | |
5 <link rel=stylesheet href="../../doc/docs.css"> | |
6 | |
7 <link rel="stylesheet" href="../../lib/codemirror.css"> | |
8 <link rel="stylesheet" href="../../addon/hint/show-hint.css"> | |
9 <script src="../../lib/codemirror.js"></script> | |
10 <script src="css.js"></script> | |
11 <script src="../../addon/hint/show-hint.js"></script> | |
12 <script src="../../addon/hint/css-hint.js"></script> | |
13 <style>.CodeMirror {background: #f8f8f8;}</style> | |
14 <div id=nav> | |
15 <a href="https://codemirror.net/5"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png" alt=""></a> | |
16 | |
17 <ul> | |
18 <li><a href="../../index.html">Home</a> | |
19 <li><a href="../../doc/manual.html">Manual</a> | |
20 <li><a href="https://github.com/codemirror/codemirror5">Code</a> | |
21 </ul> | |
22 <ul> | |
23 <li><a href="../index.html">Language modes</a> | |
24 <li><a class=active href="#">CSS</a> | |
25 </ul> | |
26 </div> | |
27 | |
28 <article> | |
29 <h2>CSS mode</h2> | |
30 <form><textarea id="code" name="code"> | |
31 /* Some example CSS */ | |
32 | |
33 @import url("something.css"); | |
34 | |
35 body { | |
36 margin: 0; | |
37 padding: 3em 6em; | |
38 font-family: tahoma, arial, sans-serif; | |
39 color: #000; | |
40 } | |
41 | |
42 #navigation a { | |
43 font-weight: bold; | |
44 text-decoration: none !important; | |
45 } | |
46 | |
47 h1 { | |
48 font-size: 2.5em; | |
49 } | |
50 | |
51 h2 { | |
52 font-size: 1.7em; | |
53 } | |
54 | |
55 h1:before, h2:before { | |
56 content: "::"; | |
57 } | |
58 | |
59 code { | |
60 font-family: courier, monospace; | |
61 font-size: 80%; | |
62 color: #418A8A; | |
63 } | |
64 </textarea></form> | |
65 <script> | |
66 var editor = CodeMirror.fromTextArea(document.getElementById("code"), { | |
67 extraKeys: {"Ctrl-Space": "autocomplete"} | |
68 }); | |
69 </script> | |
70 | |
71 <p>CSS mode supports this option:</p> | |
72 <d1> | |
73 <dt><code><strong>highlightNonStandardPropertyKeywords</strong>: boolean</code></dt> | |
74 <dd>Whether to highlight non-standard CSS property keywords such as <code>margin-inline</code> or <code>zoom</code> (default: <code>true</code>).</dd> | |
75 </d1> | |
76 | |
77 <p><strong>MIME types defined:</strong> <code>text/css</code>, <code>text/x-scss</code> (<a href="scss.html">demo</a>), <code>text/x-less</code> (<a href="less.html">demo</a>).</p> | |
78 | |
79 <p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#css_*">normal</a>, <a href="../../test/index.html#verbose,css_*">verbose</a>.</p> | |
80 | |
81 </article> |