W3.CSSコード
表示例
w3-panelクラスは、灰色のコンテナに例を表示するために使用されます。
例
- ジル
- イブ
- アダム
表示コード
w3-codeクラスは、読み取り可能な等幅フォントでコードを表示するために使用されます。
例
Fruits [0] = "バナナ";
Fruits [1] = "アップル";
Fruits [2] = "マンゴー";
Fruits [3] = "プラム";
インラインコードを強調表示
w3-codespanクラスは、インラインコードを強調表示するために使用されます。
このhtml
要素はHTMLページを定義します。
例
The
<code class="w3-codespan">html</code> element defines an HTML page.
着色コード
W3Schoolsは、コードを色付けするためのJavaScriptライブラリを提供します。
例
Fruits [0] = "バナナ";
Fruits [1] = "アップル";
Fruits [2] = "マンゴー";
Fruits [3] = "プラム";
ここからライブラリをダウンロードできます: https ://www.w3schools.com/lib/w3codecolor.js
w3codecolor.jsライブラリを使用する場合は、以下で説明するコードクラスを使用することもできます。
JavaScriptコードを強調表示する
jsHighクラスは、JavaScriptコードを強調表示するために使用されます。
例
<div class="w3-code jsHigh">
.. JavaScript code here
</div>
HTMLコードを強調表示
htmlHighクラスは、HTMLコードを強調表示するために使用されます。
例
<div class="w3-code htmlHigh">
.. HTML code goes here
</div>
CSSコードを強調表示
cssHighクラスは、CSSコードを強調表示するために使用されます。
例
<div class="w3-code cssHigh">
.. CSS code here
</div>