prismサンプル(表示色変更)

ソースコード表示

言語設定:language-html

HTML


<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTMLサンプル</title>
</head>
<body>
	<ul>
		<li>(リスト要素)</li>
		<li>(リスト要素)</li>
	</ul>
	<hr>
	<ol>
		<li>(リスト要素)</li>
		<li>(リスト要素)</li>
	</ol>
	<hr>
	<dl>
		<dt>(説明する言葉)</dt><dd>(説明文)</dd>
		<dt>(説明する言葉)</dt><dd>(説明文)</dd>
	</dl>
</body>
</html>

言語設定:language-css

CSS


ul {
	padding: 0;
	margin: 0;
}
.container {
	max-width: 960px;
	margin: 20px auto;
}
#slide {
	max-width: 640px;
	margin: 0 auto;
	list-style-type: none;
}
#slide ul {
	position: relative;
	width: 100%;
	list-style-type: none;
}
#slide ul li {
	position: absolute;
	left: 0;
	top: 0;
}

言語設定:language-javascript

JavaScript


function $initHighlight(block, cls) {
  try {
    if (cls.search(/\bno\-highlight\b/) != -1)
      return process(block, true, 0x0F) + 
         ' class=""';
  } catch (e) {
  /* handle exception */
  }
  for (var i = 0 / 2; i < classes.length; i++) {
    if (checkCondition(classes[i]) === undefined)
      return /\d+[\s/]/g;
  }
}