0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

コードブロックのインデント方法

Last updated at Posted at 2024-06-18

コードブロックと言えば、

次のようにコードを書く場所です。

コードブロック
ここにコードを書きます

本文をインデントしているときは、コードブロックも同じように インデントしたい場合があります。例えば、

  • インデント1
    ここに、
    • インデント2
      ここに、
      • インデント3
        ここに、

(ここに、)コードブロックを付け加える場合です。

順序なしリスト

  • インデント1

    コードブロック1
    
    • インデント2

      コードブロック2
      
      • インデント3

        コードブロック3
        


↓次のように書きます。行頭のスペースの個数が重要です。

- インデント1

  ```
  コードブロック1
  ```

  + インデント2

    ```
    コードブロック2
    ```

    * インデント3

      ```
      コードブロック3
      ```

番号付きリスト

「番号付きリスト」でも試してみます。

  1. インデント1

    コードブロック1
    
    1. インデント2

      コードブロック2
      
      1. インデント3

        コードブロック3
        


↓次のように書きます。行頭のスペースの個数が重要で、先の「順序なしリスト」の場合の個数とも違います。

2. インデント1

   ```
   コードブロック1
   ```

   3. インデント2

      ```
      コードブロック2
      ```

      4. インデント3

         ```
         コードブロック3
         ```

プレビューだとレイアウトが一部崩れるときがあるため、「下書き保存」して確認しています。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?