【Tips】CSS確認用ページ

カスタムCSS確認用です。
自分用ですが、.md記法向けのデータを最後に置くのでもしよければご利用ください。

---

h1

h2

h3

h4

h5

h6

基本装飾

太字
取り消し
イタリック

リスト

• list1
  • list2
    • list3

番号付きリスト

1. number1
   1. number2
      1. number3

テーブル

column1	column2
cell1	cell2
cell3	cell4

コード

import 'hoge';
console.log('hello world!');

寿限無 寿限無 五却のすりきれ
海砂利水魚の 水行末 雲来末 風来末
食う寝る処に住む処 藪ら柑子の藪柑子
パイポパイポ パイポのシューリンガン
シューリンガンのグーリンダイ
グーリンダイのポンポコピーのポンポコナーの
長久命の 長助

インラインコード

console.log('hello world!');

引用

学びて時に之を習ふ。亦説(よろこ)ばしからずや。 朋有り、遠方より来たる。亦楽しからずや。 人知らずして慍(うら)みず、亦君子ならずや。

メッセージボックス

カスタム（font-awesomeを使用）

check
確認 warn
警告 alert
警報 info
情報

はてなデフォルト

message-box

error-box

このページの元データ

コードのところにあるバックスラッシュ（\）は削除してください。

[:contents]

# h1
## h2
### h3
#### h4
##### h5
###### h6

# 基本装飾
**太字**  
~~取り消し~~  
_イタリック_

# リスト
- list1
  - list2
    - list3

# 番号付きリスト
1. number1
   2. number2
      3. number3

# テーブル
|column1|column2|
|---|---|
|cell1|cell2|
|cell3|cell4|

# コード
\```javascript
import 'hoge';
console.log('hello world!');
\```

\```text
寿限無 寿限無 五却のすりきれ
海砂利水魚の 水行末 雲来末 風来末
食う寝る処に住む処 藪ら柑子の藪柑子
パイポパイポ パイポのシューリンガン
シューリンガンのグーリンダイ
グーリンダイのポンポコピーのポンポコナーの
長久命の 長助
\```

# インラインコード
`console.log('hello world!');`

# 引用
> 学びて時に之を習ふ。亦説(よろこ)ばしからずや。
朋有り、遠方より来たる。亦楽しからずや。
人知らずして慍(うら)みず、亦君子ならずや。

# メッセージボックス
## カスタム（font-awesomeを使用）
<msgboxCheck>check<br>確認</msgboxCheck>
<msgboxWarn>warn<br>警告</msgboxWarn>
<msgboxAlert>alert<br>警報</msgboxAlert>
<msgboxInfo>info<br>情報</msgboxInfo>

## はてなデフォルト
<div class="message-box">message-box</div>
<div class="error-box">error-box</div>